从零开始学习React——(一)：React开发环境搭建

React的使用方式有两种：

• CDN引入页面 (即最原始的<script>引入在HTML页面中)
• 利用脚手架进行安装

脚手架需要搭建React环境必须先安装Node。如果你已经安装了可以省略这些步骤。

利用<script>引入在HTML页面中在此不再赘述. 本章主讲脚手架安装

1. 安装Node.js

安装Node需要进入Node官方网站中。进行相应版本的下载，然后双击安装就行了。

Node中文网址：http://nodejs.cn

一定要下载对应版本。否则没法使用。
Node.js 安装好之后，Windows系统可以使用Win + R打开运行，然后输入cmd，打开终端(或者叫命令行)。当然如果有安装git工具的也可以使用git bash打开终端。

输入如下代码：

node -v

如果正确出现版本号，说明Node 安装成功。
然后再输入代码

npm -v

如果正确出现版本号，说明npm也是没问题的。

2. 脚手架安装

Node 安装好以后，使用npm命令来安装脚手架工具了。打开终端输入以下命令。

npm install -g create-react-app

create-react-app 为React为主流的脚手架工具，也是官方出的。

3. 创建第一个React项目

脚手架安装完毕之后就可以创建项目了。在我的电脑随便哪个盘创建一个项目文件夹。例如: D/ReactDemo。如下：

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

浏览器自动打开React网页。这说明环境已经全部搭建完成了。

如果没有安装成功，可以多尝试几遍上述步骤。