React 脚手架构建项目
2019-07-16 本文已影响0人
LazyCat404
更新:2020-09-15
首先,安装npm(略),在安装全局React
npm install create-react-app -g
//或
npm install -g create-react-app
//或
npm i -g create-react-app
查看安装版本
create-react-app -V
(进入项目文件夹)安装react(demo是文件名,自取,但注意不能有大写,可以使用 -
/_
)
create-react-app demo
![](https://img.haomeiwen.com/i17728182/79ca648b4cd0ad1c.png)
当然了,如果就想要项目文件夹有大写也简单,将创建好的项目内容整个剪切过去就好了(●'◡'●)
![](https://img.haomeiwen.com/i17728182/cba10fea70d887b6.png)
安装完成之后即可进入项目目录,启动该项目
cd xx //进入项目目录
npm statrt // 启动项目,常用vue 的小伙伴不要搞混了 vue 默认: npm run serve
![](https://img.haomeiwen.com/i17728182/bfa720873fae9652.png)
![](https://img.haomeiwen.com/i17728182/1bea6b51c53b6add.png)
刚创建的项目会有很多冗杂的文件,可以根据需求进行删减,这里给出自己常用的目录结构,仅供参考~
![](https://img.haomeiwen.com/i17728182/7a42317df021b229.png)