安装 generator-react-webpack
原课程地址
http://www.imooc.com/video/9882
但是实际操作中，安装包全面替换成新版的react和webpack,，下面会详细解析安装流程。
安装yeoman, 一次生成项目依赖包。
npm install -g yo
npm install -g generator-react-webpack
使用yeoman 之前，需要git一下项目。
yeoman 会自动给git项目，创建合适的.gitignore
查看
linux
npm ls -g –depth=1 2>/dev/null | grep generator-
windows
npm ls -g –depth=1 2>/dev/null | findstr generator-
树状
我在windows 下，提示，系统找不到指定的路径。
不指定 | findstr generator- ，出了全部的全局一级依赖。
“>” 重定向
null 空设备文件
2>/dev/null 过滤了 错误消息
| 已上一个输出，作为下一个输入
未安装依赖包 flux reflux alt
负责多个组件的数据流，视图，数据更新。
开始npm install
提示 Failed at the phantomjs-prebuilt@2.1.14 install script ‘node install.js’
phantomjs-prebuilt git地址上，已经有很多issue说安装失败。作者介绍了很多关于网络被墙的问题。
于是手动下载 安装包 https://github.com/Medium/phantomjs/releases/download/v2.1.1/phantomjs-2.1.1-windows.zip
放在 C:\Users\snail\AppData\Local\Temp\phantomjs （我是win10，换成自己的路径即可）
再次npm install
运行ok，安装完成
安装日期 20161217
react-webpack 安装包更新很快。
几次安装和网上教程略有不同，随机应变即可。
调用模块改版了
新项目将 dev dist test 模块的选择，都写进了 webpack.config.js 一个文件。
const allowedEnvs = [‘dev’, ‘dist’, ‘test’];
在package
的script写了一系列命令，介绍如何运行调试模块。
具体调用模块的命令在cfg文件夹下面。
修改入口文件在 conf\defaults.js
运行
输入
npm start
打开了服务器 http://localhost:8000/
dev 模块生成的文件不在硬盘，在内存
dist 才是最终目录
使用 npm dist并不成功。
只能在package里，查找npm dist 原命令运行。
安装react developer tool
在chrome 扩展安装，需要翻墙。我用了蓝灯 ，下载安装即可翻墙。
不能翻墙的话，直接用火狐，输入about:addons 下载react devtools 代替即可。
增加一个类似elemets的查看器，可以直接展示react components的结构
安装sass-loader
运行代码时，发现sass并没有并安装上
npm install sass-loader –save-dev
此时安装其依赖 node-sass 报错，缺少pyhon2
参照博文解决
本人并不想在电脑安装太多的程序。改用stylus了。支持条件和运算表达式，满足了我的需求。