react-项目搭建

React项目搭建教程

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

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

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

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

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

相关推荐
顾安r1 小时前
11.8 脚本网页 星际逃生
c语言·前端·javascript·flask
Hello.Reader1 小时前
Data Sink定义、参数与可落地示例
java·前端·网络
im_AMBER2 小时前
React 17
前端·javascript·笔记·学习·react.js·前端框架
谷歌开发者3 小时前
Web 开发指向标 | Chrome 开发者工具学习资源 (六)
前端·chrome·学习
一晌小贪欢3 小时前
【Html模板】电商运营可视化大屏模板 Excel存储 + 一键导出(已上线-可预览)
前端·数据分析·html·excel·数据看板·电商大屏·大屏看板
发现你走远了3 小时前
连接模拟器网页进行h5的调试(使用Chrome远程调试(推荐)) 保姆级图文
前端·chrome
街尾杂货店&4 小时前
css - 实现三角形 div 容器,用css画一个三角形(提供示例源码)简单粗暴几行代码搞定!
前端·css
顺凡4 小时前
删一个却少俩:Antd Tag 多节点同时消失的原因
前端·javascript·面试
小白路过4 小时前
CSS transform矩阵变换全面解析
前端·css·矩阵
爬山算法4 小时前
Redis(110)Redis的发布订阅机制如何使用?
前端·redis·bootstrap