1,安裝nodejs安裝包,注意安裝的路徑html
2,安裝完成node,node有自帶的npm,能夠直接在cmd中,找到nodeJs安裝的路徑下,進行命令行全局安裝vue-cli。(npm install --global vue-cli)vue
3,淘寶鏡像安裝:node
----命令提示符執行:( npm install cnpm -g --registry=https://registry.npm.taobao.org)
;webpack
4,安裝後,檢查是否安裝成功(顯示版本則安裝成功)。(vue -V)web
5,使用vue建一個項目名叫「vuetest」。(vue init webpack vuetest);vue-router
6,Project description (A Vue.js project) 項目描述,可直接點擊回車,vue-cli
7,Author (........) 做者,也可直接點擊回車,npm
8,Runtime + Compiler: recommended for most users 運行加編譯,推薦;服務器
9,Install vue-router? (Y/n) 是否安裝vue-router,這是官方的路由,大多數狀況下都使用,(Y);單元測試
10,Use ESLint to lint your code? (Y/n) ;(n);
11,etup unit tests with Karma + Mocha? (Y/n) 是否安裝單元測試,(新學n);
12,Setup e2e tests with Nightwatch(Y/n)? 是否安裝e2e測試 ,(Y);完成項目建立安裝
13,從nodejs安裝目錄切換到項目目錄,( cd vuetest )
14,安裝模塊:( npm install);安裝完成後,項目目錄中會多出來一個node_modules文件夾,這裏放的就是全部依賴的模塊;
15,即可以打開本地服務器實時查看效果npm run dev;
16,將頁面打包:( npm run build),打包完成後,會在根目錄下生成一個dist文件夾;
參考:
http://www.jianshu.com/p/2769efeaa10a;
http://www.cnblogs.com/pearl07/p/6247389.html