React基础项目搭建以及环境配置

1、首先，我们需要安装node.js：node.js官网

安装nodejs稳定版本

2、安装cnpm用cnpm替代npm

地址：淘宝镜像地址 安装cnpm:

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、用yarn替代npm

yarn的安装：

第一种方法：参考官方文档 yarn官方文档

第二种方法：

cnpm install -g yarn 或者 npm install -g yarn

4、 现在我们成功安装了node和npm，然后我们来用npm创建新的项目，首先用npm 安装 create-react-app工具，其可以自动地在本地目录中创建react项目。

npm install -g create-react-app / cnpm install -g create-react-app

等待其安装，意思是全局安装create-react-app脚手架工具，然后就可以使用命令创建新的react项目。

5、创建项目 （可能创建多次。例：创建名为‘reactdemo’的项目）

create-react-app reactdemo

6、cd 到项目里面

		cd  reactdemo
		
		npm start             yarn start运行项目
		npm run build         yarn build 生成项目

还有一种按照官网上的搭建脚手架：前提是安装nodejs和npm，并且node.js的版本不低于6.0版本，npm版本不低于5.2版本。如图：

npm -v 查看npm版本
node -v 查看node版本

以上是本章全部内容