我的是win8系統(tǒng) 應(yīng)該用windows的都跟我差不多。

進(jìn)入正題

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

首先請(qǐng)安裝淘寶鏡像！?。。。。。。。。。。?！

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

因?yàn)閲?guó)內(nèi)用npm慢容易安裝錯(cuò)誤，到時(shí)候各種bug，所以首先安裝淘寶鏡像?。。。。。?！

然后后面所有的npm命令全部都替換成cnpm使用，比如安裝yo的時(shí)候?

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

安裝yo時(shí)可能出現(xiàn)報(bào)錯(cuò)npm版本過(guò)期，不用管。

安裝好generator-react-webpack后 grep generator- 這個(gè)命令windows命令行不提供不用管，直接運(yùn)行cnpm install安裝node_modules包就好。

如果按視頻的命令來(lái)，安裝的是最新版本，最新版本是沒(méi)有g(shù)runt的，因?yàn)槿慷加脀ebpack替代了。

運(yùn)行熱啟動(dòng)現(xiàn)在是npm start ，然后訪問(wèn)http://localhost:8000/webpack-dev-server/

或者是http://localhost:8000/?都可以，視頻中建議訪問(wèn)前面的地址，即可做到無(wú)刷新更新界面

生成dist目錄命令是npm run dist，然后就可以執(zhí)行dist目錄中的index.html看生成的頁(yè)面，如果你的頁(yè)面看不了，可能跟我出現(xiàn)了一樣的狀況，那么請(qǐng)做之后的步驟

1. 首先回過(guò)頭來(lái)看src目錄中的index.html的最后的script標(biāo)簽的src是src="/assets/app.js"么，如果是，改成src="./assets/app.js"

2. 找到最上面的cfg文件夾，找到defaults.js拉到最下面再module.exports ={}中，加入一項(xiàng) distPublicPath : './assets/'

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

4. 運(yùn)行npm run clean 這是清除前面生成dist目錄的命令

5. 重新運(yùn)行npm run dist 生成dist目錄，在打開(kāi)index.html看看

6. 建議用es6語(yǔ)法重寫(xiě)react，畢竟官方文檔上都是ES6語(yǔ)法了，還是學(xué)學(xué)好。。。

最后還是想說(shuō)這課前置要求多，最好自學(xué)下webpack大概了解一下，這樣也比較好看懂目錄結(jié)構(gòu)，推薦兩篇教程

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

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

第一個(gè)簡(jiǎn)潔一點(diǎn)，第二個(gè)講的多一點(diǎn)

然后遇到命令跟老師的不一致的情況查看原來(lái)的github，命令向后拉就都能看到，看不懂就復(fù)制粘貼過(guò)來(lái)有道一下，總能差不多看懂的。。

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

最好懂一些模塊化的概念，還建議學(xué)習(xí)下node，這樣起碼能看懂common js規(guī)范的語(yǔ)法

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

最后的最后，要多谷歌跟百度，還有多看別人的評(píng)論與提問(wèn)，這樣容易發(fā)現(xiàn)跟自己一樣的問(wèn)題。