1. 程式人生 > >vue-cli的使用;如何使用vue-cli搭建專案

vue-cli的使用;如何使用vue-cli搭建專案

vue-cli使用步驟。

1.安裝node.js;

2.安裝cnpm。按快捷鍵Win + r 開啟執行對話方塊,輸入cmd後按回車,在彈出的命令對話方塊中輸入 、npm install -g cnpm --registry=https://registry.npm.taobao.org  進行淘寶映象cnpm的安裝;

3.安裝vue-cli。命令列視窗中輸入 cnpm install vue-cli -g,然後回車等待(想在哪個目錄建立vue專案就要在進入到對應目錄再輸入命令,安裝結束後輸入vue 如果顯示版本號繼續下一步操作)

4. 執行vue init webpack demo(注:專案名稱)回車

5. 顯示Project nanme 目錄名 回車 project description 後面可以寫上描述,或者直接回車

Author 後面可以寫作者也可以回車 

6.Install vue-router? 選擇Y (是否安裝vue-router,需要安裝輸入Y,不需要輸入N);

7.User ESLint to lint your code? 選Y(是否安裝ESLint,需要安裝輸入Y,不需要輸入N);

8.Setup unit tests with Karma + Mocha? 選N(是否安裝測試,需要安裝輸入Y,不需要輸入N);;

9.Setup e2e tests with Nightwatch? 選n;


10.這個時候在你建立的目錄下就有你的目錄了,然後cd 你的目錄名進去cnpm install回車等待,安裝完成後會在專案資料夾下自動生成node-module檔案來存放安裝的依賴檔案,如果這個資料夾沒有那麼專案是沒辦法跑