react-项目搭建

React项目搭建教程

在文件夹当中创建项目目录,通过cmd打开进行项目初始化。

进入到cmd界面后,输入npx create-react-app '项目名' 进行项目初始化。使用该命令的前提是安装了Node.js,若有没安装Node的小伙伴可以先安装Node再进行操作。我们可以使用npx进行项目搭建,但是时间会比较慢。我们可以使用vite作为搭建工具,效率更高!

等待项目创建完(ps:时间可能会因为网络或其他原因创建时间长),我们可以看到react为我们提供了以下的操作命令~

大家目前肯定最想要让项目跑起来啦!此时我们可以cd '项目名',再npm start就可以进入启动项目啦!

看到浏览器这个画面就说明启动成功啦!接下来我们就可以根据自己的业务和样式需求敲代码咯! 下一节我们将讲解react相关概念和JSX~

相关推荐
jiayong233 分钟前
第 4 课:怎么把一个大页面拆成多个组件
运维·服务器·前端
skywalk81636 分钟前
使用DuMate帮助创建 Python 3.9 环境并部署 Kotti CMS
前端·chrome
英俊潇洒美少年10 分钟前
Vue Hook 与 React Hook 全面解析:区别、用法、实战及避坑指南
前端·vue.js·react.js
weixin_7042660517 分钟前
项目总结一
java·前端·spring boot·后端·spring
Mintopia18 分钟前
接口设计为什么越改越乱:新手最容易踩的三个坑
前端
code小生19 分钟前
微软 Microsoft Edge 浏览器插件开发者注册指南
前端·microsoft·edge·edge浏览器·浏览器插件开发者
Mintopia28 分钟前
日志不是越多越好:一套能落地的日志设计方法
前端
yivifu29 分钟前
一种更精细的HTML表格斑马色设置方法
前端·html
PD我是你的真爱粉31 分钟前
AI Agent 完全指南:LangChain Agent、ReAct、Copilot-Agent 模式、Manus、Computer Use 与记忆机制
人工智能·react.js·langchain