安装

安装React 需要在计算机上安装 Node.js >= 6 和 npm >= 5.2。

Node.js 文集

在Windows上安装React

通过npm 使用 React

国内使用 npm 速度很慢，可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

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

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

安装 cnpm 图示

使用 create-react-app 快速构建 React 开发环境

create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。

create-react-app 自动创建的项目是基于 Webpack + ES6 。

全局安装：

cnpm install -g create-react-app

安装 create-react-app  图示

构建项目

create-react-app my-app

cd my-app

npm start

创建React 项目图示

根据提示进入 my-app 文件，运行项目。

项目运行图示

浏览器会自动运行该网页（我的是自动运行），如果没有运行，我们根据提示在浏览器中输入提示的地址：

http://localhost:3000/ 

或

http://192.168.0.173:3000/

浏览器运行结果：

浏览器运行结果图示

项目目录结构：

项目目录结构图示

manifest.json 指定了开始页面 index.html，一切的开始都从这里开始，所以这个是代码执行的源头。

我们可以打开 src 文件夹内的 App.js 对页面进行修改：（添加 Hello World）

对 App.js 进行修改

修改后，打开页面 （页面会自动更新）：

修改后的页面

---

React 可以直接下载使用，用<script>标签添加到HTML页面中，可以在官网 https://reactjs.org/ 下载最新版。