1. 程式人生 > >vue-cli 安裝

vue-cli 安裝

main 選擇 vue bsp pac des 用戶 install template

1 node 下載 http://nodejs.cn/download/

安裝

2 npm install vue-cli -g

3 vue init <template-name> <project-name>

vue init webpack vuecliTest

根據提示

  • Project name :項目名稱 ,如果不需要更改直接回車就可以了。註意:這裏不能使用大寫,所以我把名稱改成了vueclitest
  • Project description:項目描述,默認為A Vue.js project,直接回車,不用編寫。
  • Author:作者,如果你有配置git的作者,他會讀取。
  • Install vue-router? 是否安裝vue的路由插件,我們這裏需要安裝,所以選擇Y
  • Use ESLint to lint your code? 是否用ESLint來限制你的代碼錯誤和風格。我們這裏不需要輸入n,如果你是大型團隊開發,最好是進行配置。
  • setup unit tests with Karma + Mocha? 是否需要安裝單元測試工具Karma+Mocha,我們這裏不需要,所以輸入n。
  • Setup e2e tests with Nightwatch?是否安裝e2e來進行用戶行為模擬測試,我們這裏不需要,所以輸入n。
4 cd vuecliTest 進入我們的vue項目目錄。

npm install 安裝我們的項目依賴包,也就是安裝package.json裏的包,如果你網速不好,你也可以使用cnpm來安裝。

5 npm run dev 開發模式下運行我們的程序。給我們自動構建了開發用的服務器環境和在瀏覽器中打開,並實時監視我們的代碼更改,即時呈現給我們。

vue-cli 安裝