使用脚手架搭建开发环境(create-react-app)
脚手架安装工具,两种方式:
- npm install create-react-app -g 下载全局的脚手架
创建项目:creaete-create-app 项目名字 - npx create-react-app project(项目名字)
这里用方法二:
下载完后会生成project文件夹,目录结构如下:
下一步,
3. cd project 进入到project文件夹
4. npm start 启动命令打开页面(网址迷认为:localhost:3000
接下来在src文件夹下创建文件夹:
以上是react的环境搭建以及组件划分,使用react时要清楚规范目录,组件划分明了,尽量一个页面存放在一个文件夹,使用时将组件引入到App.js即可。