搭建React开发环境

1.搭建React开发环境之前的准备工作

1、必须安装nodejs      注意：安装nodejs稳定版本


2、安装cnpm用cnpm替代npm

	地址：http://npm.taobao.org/

	安装cnpm:

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

3、用yarn替代npm

	

	yarn的安装：

		第一种方法：参考官方文档https://yarn.bootcss.com/

		第二种方法：cnpm install -g yarn  或者 npm install -g yarn

2.搭建React开发环境的第一种方法（老-现在推荐）：

https://reactjs.org/docs/create-a-new-react-app.html



1、必须要安装nodejs     注意：安装nodejs稳定版本      




2.安装脚手架工具   （单文件组件项目生成工具）   只需要安装一次
	

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

	

3.创建项目   （可能创建多次）


	找到项目要创建的目录：

	create-react-app reactdemo01



4.cd  到项目里面	

	cd  reactdemo01


	npm start             yarn start运行项目


	npm run build         yarn build 生成项目

搭建React的开发环境的第二种方法（新-未来推荐）：

https://reactjs.org/docs/create-a-new-react-app.html



1、必须要安装nodejs     注意：安装nodejs稳定版本      




2.安装脚手架工具并创建项目


	找到项目要创建的目录执行：
	

	npx create-react-app reactdemo01
	
	
	
	



4.cd  到项目里面	

	cd  reactdemo01


	npm start  运行项目（调试）


	npm run build 生成项目（发布）