nodeJs安裝Vue-cli

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

相關文章
相關標籤/搜索