React脚手架搭建
2018-06-19 本文已影响443人
站在大神的肩膀上看世界
准备材料
- node环境(安装最新node.js)
- npm或yarn
查看版本
node -v(版本至少超过6)
npm -v(版本至少超过3)
开始安装react 全局命令
启动终端输入
npm install -g create-react-app (windows)
sudo npm install -g create-react-app (Mac)
![](https://img.haomeiwen.com/i10435330/0feb064c33aa8e8d.png)
![](https://img.haomeiwen.com/i10435330/ef7e72f40cfd547c.png)
创建项目
在E盘下新建react-demo文件夹,当然建在哪里你自己就随意了,我的只不过是项目都放在E盘下好管理。
mkdir react-demo
cd react-demo
create-react-app react-cli //react-cli 是文件名,自己起
![](https://img.haomeiwen.com/i10435330/6ac6dea0a0bf4ff2.png)
![](https://img.haomeiwen.com/i10435330/7aaf22b751298430.png)
启动项目
执行命令启动项目
cd react-cli
npm start
![](https://img.haomeiwen.com/i10435330/48cc084b5c6b8def.png)
![](https://img.haomeiwen.com/i10435330/b227ecdc9b99eb2f.png)
这时浏览器会自动打开一个网页,如图:
![](https://img.haomeiwen.com/i10435330/3bb3ee20bc850128.png)