安装React开发环境（基于mac）

ruby -e “$(curl -fsSL  https://raw.githubusercontent.com/Homebrew/install/master/install);  

再输入命令 brew install node

完了之后，在终端输入node -v, 出现版本号则表示安装成功。如下：

(非必需)可安装nvm进行node版本管理

1. 在全局范围安装jspm,就可以在任何命令使用jspm命令了，终端输入命令：npm install jspm -g
2. 完成后，输入 jspm ,会返回一些帮助信息 。

1. 选择你喜欢的目录，新建一个文件夹，可使用命令mkdir xxx,   cd 到对应的文件夹下（这里假设新建文件夹名称为 ZXY_RN_Project）。
   
2. 初始化npm, 创建package.json, 输入命令：npm init ，填写你的项目名称，接下来一路回车即可。
3. 查看ZXY_RN_Project，会发现下面多了一个package.json文件.
4. 重要步骤来了，输入

   npm install jspm --save-dev

    把jspm添加到项目开发依赖。完成后，命令ls, 会发现又多了node_modules文件，打开这个文件，会发现里面很多关于babel，ES6等等的东西。
5. 最后执行命令 jspm init, 为jspm创建配置文件config.js, 一路回车即可。
6. 到这里，项目添加jspm依赖就算完成了。

1.     在ZXY_RN_Project下，通过jspm安装react, 命令jspm install react@0.14.0-rc1 （注：0.14.0-rc1为版本号）。一路回车即可。如果安装过程，出现error错误，则重新再执行一下命令即可，直到没出现error信息即为成功。
   
2.  通过jspm安装rect-dom， 命令jspm install react-dom@0.14.0-rc1 （注：0.14.0-rc1为版本号）。过程同上。
3. (非必需) 如果你项目想使用semantic-ui, 需安装semantic-ui，命令jspm install semantic-ui    导入semantic-ui样式需要安装jspm插件，命令jspm install css 
4. 上面步骤完成后，你会发现ZXY_RN_Project下面多了jspm_packages文件夹。

1. 通过npm安装browserSync，命令npm install -g browser-sync
   
2. 使用BrowserSync启动项目，命令browser-sync start --server 。 如果你想启动后，增加一些监听文件修改时，自动刷新页面，则启动命令为 browser-sync start --server  --no-notify --files ‘xxxx'     (xxx为具体的文件名，相对路径，有多个时，可用逗号分开，如 'index.html, app/main.js’);
3. 到此，我们可以看到React项目正常启动后，出现页面。