React项目 第壹篇 工程搭建

工程搭建

首先要搭建一个工程，从零开始的 npm init 就不讨论了。
这里我们使用create-react-app作为脚手架，来搭建工程。

环境准备

1.需要node环境
https://nodejs.org/ 这里下载一个安装
本文使用 node -v 11.6.0
2.需要npm工具，node会带，所以完成上述步骤就可以了
本文使用 npm -v 6.8.0

创建项目

1.全局安装 create-react-app

npm install -g create-react-app

如果报错，可能是需要sudo命令获取权限
本文使用 create-react-app -V 2.1.8
2.初始化工程

create-react-app myapp(projectName)

3.使用eject命令 解压出被create-react-app封装的配置文件
注意 eject是不可逆操作

cd myapp
yarn eject || npm run eject

这样就做好了配置项目的准备

然后我们现在测试一下项目是否可用

4.项目启动指令

yarn start
或者
npm install
npm start

如果你的网络环境不佳，推荐使用 cnpm。

5.项目构建指令

yarn build
或者
npm run build

至此 最基础的react项目就已经搭建完成了