vue-cli的使用;如何使用vue-cli搭建專案
阿新 • • 發佈:2019-01-01
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檔案來存放安裝的依賴檔案,如果這個資料夾沒有那麼專案是沒辦法跑