Vue CLI 3 安裝非常簡單和官網上說明的可以說是一模一樣 XD
官網說明:https://cli.vuejs.org/zh/guide/
Stpe1: 卸載舊版 Vue CLI
(本來就沒有安裝 Vue CLI 的話就可以跳過此步驟)
Vue CLI 的模組名稱已經由 vue-cli 改成了 @vue/cli
所以如果已經全局安裝 vue-cli (1.x 或 2.x),要先卸載
在終端機輸入:
npm1
npm uninstall vue-cli -g
yarn1
yarn global remove vue-cli
Stpe2: 安裝 CLI 3 指令
卸載後就可以安裝 CLI 3
在終端機輸入:
npm1
npm install -g @vue/cli
yarn1
yarn global add @vue/cli
Stpe3: 確認 Vue CLI 版本
1 | vue --version |
如果顯示 3.x.x
就代表安裝成功
安裝完成後就可以來建立專案囉!
裝了 CLI 3 還是可以用 CLI 2 的模板
Vue CLI 3 和以往的版本都使用了相同的 vue 命令
所以如果要使用舊版的 vue init,只要全局安裝一個工具
在終端機輸入:
1 | npm install -g @vue/cli-init |
安裝完後 ·vue init
,vue init
的執行結果會和 [email protected]
相同1
vue init webpack my-project