React开发环境配置

React的开发环境的搭建方法：

1.通过React官网下载最新版，通过引入.js文件来使用React；

2.直接使用 BootCDN 的 React CDN 库,即直接使用线上链接：

<script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>

<script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>

<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>

3.通过脚手架工具来编码：（可以使用GRUNT,Gulp,webPack等工具）

在使用react开发项目时，很少有人用传统的方法引入react的源文件(js)，然后在html编辑，一般都是使用webpack + es6来结合react开发前端应用，因此，大部分人会自己搭建脚手架或者使用别人搭建好的脚手架。为了方便React项目的开发，FaceBook 官方发布了一款React的官方脚手架工具。

React脚手架搭建与使用教程：

要使用脚手架工具就需要先安装npm，所以我们首先根据系统选择安装node.js（下载地址：https://nodejs.org/en/download/）

下载后按提示安装，安装完后（windows+R）打开命令cmd：

输入 npm -v 和node -v,如果都出现版本号，即为安装成功;

npm安装成功后，就可以近一步的安装Create React App(脚手架工具)了；

首先我们打开React的官方网址，找到Create React App安装命令j教程：

同样通过（windows+R）打开命令行cmd，输入 npm install -g create-react-app安装脚手架工具

安装好之后就能通过create-react-app my-app (my-app是你要创建的项目名)

注：创建项目需在桌面通过（Windows系统：shift+鼠标右键-->在此处打开命令窗口；ios系统：可直接打开命令行输入cd Desktop）打开命令在创建

出现上图所示，就创建成功了，在你的桌面上就能看见一个my-app的文件夹了，然后你就能使用react编写你的项目了。

当然要访问你的react项目，则需要根据上述创建成功后的提示。

通过输入cd my-app 和npm start指令后，它自动为你打开个网址（http://localhost/3000）：

这样就能访问你的项目了：