React安装教程【超详细】

前言：本人学到React时，在第一步安装上面就走了不少弯路，在网上各种查找文章，反复安装了好几次，还不小心误删了nodejs里的一些文件，吃了不少苦头，今天把完整的步骤记录下来，一步弯路也不用走，看着这个文章，可以完全的安装成功！！！

1.首先，要安装 Node.js 及 NPM 。

可以去官网下载最新的版本：

https://nodejs.org/

我用的是V10.16.0最新版本，也可以点这个链接直接下载这个。

https://nodejs.org/dist/v10.16.0/node-v10.16.0-x64.msi

下载好之后一直点击下一步，安装完成！！！

cmd打开命令提示符：

检测版本  输入：node -v

安装node时会自带一个npm的包管理工具。

检测npm版本 输入：npm -v

如若以上两个命令输入都返回版本号，则安装成功！

查看node.js环境变量：

在安装成功后，系统会自己设置node.js的环境变量，

我们可以键入path来查看环境变量： path

可以看到已经有了node.js环境变量（我安装的时候选择的安装路径是E:\盘，注意：这只是Node软件安装路径而已，并不是项目路径！）

2.设置NPM

国内npm有点慢，可以设置成淘宝的镜像来代替原有的。

cmd命令提示符中键入：

npm config set registry https://registry.npm.taobao.org

3.安装create-react-app

我们可以通过安装create-react-app来创建React项目。

安装命令：npm install -g create-react-app

安装成功之后，就可以创建React项目啦！

4.创建React项目

进入你想创建项目的路径（根据自己的需要指定位置，注意，是你自己的node项目路径，不是node软件安装路径！），然后键入命令：

create-react-app demo

这里的create-react-app是创建命令，demo是你要创建的项目的名称，项目名称可以随便起。

这样就算是创建成功啦！

然后，仔细看，倒数第二、三行的提示！！！

进入刚刚创建的demo目录中：cd demo 

（一定要进入demo项目 目录中才可以启动项目哟！！！）

启动项目：npm start

稍等片刻，则会自动打开一个网页！！！

出现此界面，代表一个基本的项目创建成功啦！！！！！