windows系統安裝VUE 踩地雷合集(使用webpack-simple)

首先是下載一個node.js安裝包。目前就下最新的吧。（下載最新版本可能要降版本），而後安裝cnpm的淘寶鏡像。安裝以前建議參閱npm的安裝機制。

 本文檔參考自：Jinkey原創Vue2.0 新手徹底填坑攻略，gh254172840的博客

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

若是你是最新版本會報錯：

npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0

解決辦法：下降版本：

npm install npm@4.6.1 -g

而後安裝webpack和腳手架（一步步來）：

cnpm install webpack -g
cnpm install vue-cli -g

在硬盤上找一個文件夾放工程用的，在終端中進入該目錄

cd 目錄路徑
或者
cd /d 目錄路徑

根據模板建立項目

vue init webpack-simple 工程名字<工程名字不能用中文>
或者建立 vue1.0 的項目
vue init webpack-simple#1.0 工程名字<工程名字不能用中文>

會有一些初始化的設置，以下輸入:
Target directory exists. Continue? (Y/n)直接回車默認(而後會下載 vue2.0模板，這裏可能須要連代理)
Project name (vue-test)直接回車默認
Project description (A Vue.js project) 直接回車默認
Author 寫你本身的名字

cd 命令進入建立的工程目錄再安裝項目依賴

此次是在項目裏面安裝而不是全局安裝npm、cnpm路由模塊以及網絡模塊，一步步來：

npm install
cnpm install
cnpm install vue-router vue-resource --save

裝npm的時候可能會報錯

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.0.15: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

這只是一個警告，由於該模塊與Windows不兼容。你能夠放心地忽略它。這是可選的。

若是是這樣不斷的ERR：

若是debug.log報錯This is probably not a problem with npm. There is likely additional logging那就是版本更新問題，運行 npm i -D webpack-dev-server@2.9.7就解決了

若是是其它狀況，多是node_modules安裝問題，執行如下（參考文檔）：

rd /s /q node_modules
rd /s /q package-lock.json
npm cache clear --force
npm install

　　

沒有報錯，那麼可喜可賀進行下一步。若是你用的是老版本的 vue-cli 還可能報其餘錯誤，須要更新一下 vue-cli：

npm update vue-cli

最後啓動項目

npm run dev

而後安裝其它依賴。

cnpm install opn --save-dev
cnpm install webpack-dev-middleware --save-dev
cnpm install express --save-dev
cnpm install compression --save-dev
cnpm install sockjs --save-dev
cnpm install spdy --save-dev
cnpm install http-proxy-middleware --save-dev
cnpm install serve-index --save-dev
cnpm install connect-history-api-fallback --save-dev

其中webpack-dev-middleware會報錯：

peerDependencies WARNING webpack-dev-middleware@* requires a peer of webpack@^4.0.0 but webpack@3.11.0 was installed

我暫時無視掉了。

而後也能夠安裝axios

cnpm install axios --save-dev

開發APP建議安裝

cnpm install fastclick -D
cnpm install mint-ui -S

 其中mint-ui文檔見官方網站。

　

其它坑見：runoob.com