React开发环境搭建

安装Node.js

使用React.js是可以用最原始的

安装Node只需要进入Node网站，进行响应版本的下载，然后进行双击安装就可以了。

Node中文网址：http://nodejs.cn/ (建议你在这里下载，速度会快很多)

需要你注意的是，一定要正确下载对应版本，版本下载错误，可是没有办法使用的哦。

Node.js 安装好以后，如果是Windows系统，可以使用 Win+R打开运行，然后输入cmd，打开终端（或者叫命令行工具）。

输入代码：

node -v 

如果正确出现版本号，说明Node安装成功了，需要说明的是，你的版本号可能跟我视频中的有所不同，这无关紧要。

然后再输入代码:

npm -v

如果正确出现版本号，说明npm也是没问题的，这时候我们的Node.js安装就算完成了。

脚手架的安装

Node安装好之后，你就可以使用npm命令来安装脚手架工具了，方法很简单，只要打开终端，然后输入下面的命令就可以了。

npm install -g create-react-app

create-react-app是React官方出的脚手架工具，其实有很多第三方的脚手架工具，也有很多优秀的。但是作为初学者为了减少踩坑，所以我们使用官方的脚手架。

创建第一个React项目

脚手架安装好以后，就可以创建项目了，我们在D盘创建一个ReactDemo文件夹，然后进入这个文件夹，创建新的React项目。

D:  //进入D盘
mkdir ReactDemo  //创建ReactDemo文件夹
create-react-app demo01   //用脚手架创建React项目
cd demo01   //等创建完成后，进入项目目录
npm start   //预览项目，如果能正常打开，说明项目创建成功

其实这些操作只需要再终端中输入就可以了。等到浏览器可以打开React网页，并正常显示图标后，说明我们的环境已经全部搭建完成了。

毒鸡汤 亲爱的程序员： 如果你安装失败了，你不要惧怕，毕竟怕啥来啥。 你要相信只要你全力以赴，就没有你搞不砸的事情。

你可以试着换成手机WIFI热点，再来一遍上边的步骤，没准你流量费花了，就安装成功了那。你也可以在群里留言，技术胖会全力帮助你。

总结：这节课开始技术胖希望你能跟着我动手作一作，因为你不动手永远学不会。技术胖没有任何别的目的，真心希望你可以学会。动手把环境搭建好，否则下节课你就没办法练习了。
技术胖第一博客网站：https://jspang.com/detailed?id=46#toc220