我的是win8系统 应该用windows的都跟我差不多。

进入正题

--------------------------------------------------------------------------------------------------

首先请安装淘宝镜像！！！！！！！！！！！！！

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

因为国内用npm慢容易安装错误，到时候各种bug，所以首先安装淘宝镜像！！！！！！！

然后后面所有的npm命令全部都替换成cnpm使用，比如安装yo的时候 

npm install yo -g =====>cnpm install yo -g

安装yo时可能出现报错npm版本过期，不用管。

安装好generator-react-webpack后 grep generator- 这个命令windows命令行不提供不用管，直接运行cnpm install安装node_modules包就好。

如果按视频的命令来，安装的是最新版本，最新版本是没有grunt的，因为全部都用webpack替代了。

运行热启动现在是npm start ，然后访问http://localhost:8000/webpack-dev-server/

或者是http://localhost:8000/ 都可以，视频中建议访问前面的地址，即可做到无刷新更新界面

生成dist目录命令是npm run dist，然后就可以执行dist目录中的index.html看生成的页面，如果你的页面看不了，可能跟我出现了一样的状况，那么请做之后的步骤

1. 首先回过头来看src目录中的index.html的最后的script标签的src是src="/assets/app.js"么，如果是，改成src="./assets/app.js"

2. 找到最上面的cfg文件夹，找到defaults.js拉到最下面再module.exports ={}中，加入一项 distPublicPath : './assets/'

3. 在cfg文件夹中找到base.js，把第20行改成publicPath: defaultSettings.distPublicPath
   

4. 运行npm run clean 这是清除前面生成dist目录的命令

5. 重新运行npm run dist 生成dist目录，在打开index.html看看

6. 建议用es6语法重写react，毕竟官方文档上都是ES6语法了，还是学学好。。。

最后还是想说这课前置要求多，最好自学下webpack大概了解一下，这样也比较好看懂目录结构，推荐两篇教程

http://gold.xitu.io/entry/574fe7c579bc440052f6d805

http://www.jianshu.com/p/42e11515c10f

第一个简洁一点，第二个讲的多一点

然后遇到命令跟老师的不一致的情况查看原来的github，命令向后拉就都能看到，看不懂就复制粘贴过来有道一下，总能差不多看懂的。。

https://github.com/react-webpack-generators/generator-react-webpack

最好懂一些模块化的概念，还建议学习下node，这样起码能看懂common js规范的语法

-----------------------------------------------------------------------------------------------

最后的最后，要多谷歌跟百度，还有多看别人的评论与提问，这样容易发现跟自己一样的问题。