1.下載下傳node.js：http://nodejs.cn/ 安裝node一路回車就行了，這裡不詳細說明
2.安裝完後檢查node是否安裝成功,在控制台上輸入$node -v ,如出現banb版本号，便是安裝成功
注：這裡可以使用自帶的控制台，與其他的軟體上面的，都是可通用的
3.一般安裝node後，npm是不用單獨安裝的，因為已經在node已經自帶了，檢視npm版本号代碼:npm -v
如：
4.安裝淘寶鏡像
大家都知道國内直接使用 npm 的官方鏡像是非常慢的，這裡推薦使用淘寶 NPM 鏡像。
安裝
$ npm install -g nrm
使用
列出可選的源
; nrm ls
* npm ---- https://registry.npmjs.org/
cnpm --- http://r.cnpmjs.org/
taobao - http://registry.npm.taobao.org/
eu ----- http://registry.npmjs.eu/
au ----- http://registry.npmjs.org.au/
sl ----- http://npm.strongloop.com/
nj ----- https://registry.nodejitsu.com/
帶
*
的是目前使用的源，上面的輸出表明目前源是官方源。
切換
切換到taobao
; nrm use taobao
Registry has been set to: http://registry.npm.taobao.org/
增加源
你可以增加定制的源，特别适用于添加企業内部的私有源。 私有源可以使用cnpmjs架設 。
nrm add <registry> <url> [home]
删除源
nrm del <registry>
測試速度
你還可以通過
nrm test
測試相應源的響應時間。
例如，測試官方源的響應時間：
; nrm test npm
npm ---- 1328ms
測試所有源的響應時間：
; nrm test
npm ---- 891ms
cnpm --- 1213ms
* taobao - 460ms
eu ----- 3859ms
au ----- 1073ms
sl ----- 4150ms
nj ----- 8008ms
5.安裝webpack
npm install webpack -g 安裝vue腳手架
npm install vue-cli -g 檢查vue腳手架是是否搭建成功：vue -V (在此注意V為大寫)
6.這些搭建好之後，就準備開始vue了
一般我會使用一個編輯器的終端，這樣畢竟友善，編輯與看環境的提示，如：
Visual Studio Code編輯器
按住ctrl+~ 就會調用該編輯器的終端；
如果我想到e盤安裝vue，那麼：
稍等一會，就會在e盤中會出現一個檔案夾，如：
安裝完後，cd vue_view 進入該檔案夾目錄，安裝依賴
很顯然已經安裝成功，那麼我們運作起來看看吧！
很顯然控制台已經告訴我們，在浏覽器中輸入 http://localhost:8080 就能打開，我們已經安裝成功的vue。
7.我們vue安裝完成，現在我們來繼續安裝依賴于vue的第三方ui架構
如：安裝 http://element-cn.eleme.io/#/zh-CN 餓了麼 ui，但是這個架構元件，沒有view元件全面，是以暫時推薦 view：https://www.iviewui.com/docs/guide/install
NPM 安裝
推薦使用 npm 來安裝，享受生态圈和工具帶來的便利，更好地和 webpack 配合使用
$ npm install iview --save
這個安裝的目錄也是在我剛才安裝vue的 e盤vue_view檔案夾中安裝
安裝完成後，再重新安裝一遍依賴包，cnpm install
安裝完成後：配置一下router檔案夾中index.js
配置與上完成後，npm run dev 來運作
當然也是在浏覽器上的8080視窗看見效果。
來測試一遍，直接打開view ui 的網頁，裡面的代碼直接往貼
顯而易見：
這個view ui的元件我們已經調用成功。。。
這些知識簡單的配置，希望能夠對您有用
轉載于:https://my.oschina.net/u/3010603/blog/1632710