React脚手架搭建及创建React项目

1.安装node.js和npm:

   可自行到node官网下载，下载node完成后，npm也会自行下载完成。

2.通过cmd执行 node -v 和 npm -v 查看是否下载成功和下载成功后的版本号。

 

3.安装好的npm的源默认是国外的源，会因为网络原因导致执行npm操作有延时，我们可以切换npm的源为淘宝的源镜像。操作方法： 安装淘宝镜像或者使用cnpm详解

4.安装react脚手架，cmd执行 npm i -g create-react-app  (-g为全局下载)

 5.安装好 node 和 react脚手架后就可以创建项目啦，cmd切换至指定路径，执行  create-react-app project (project为自定义项目名)，最后出现 happy hacking说明创建成功。

6.项目创建成功后，我们可在对应的路径下看到项目文件。打开文件可以看到文件结构。

7.启动项目。在项目所在路径下cmd执行 npm start。

8.启动成功后会自动打开浏览器，并出现react图标，说明项目启动成功。