Vue CLI 3 安裝篇

Vue CLI 3 安裝篇

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),要先卸載

在終端機輸入:

npm

1
npm uninstall vue-cli -g

yarn

1
yarn global remove vue-cli

Stpe2: 安裝 CLI 3 指令

卸載後就可以安裝 CLI 3

在終端機輸入:

npm

1
npm install -g @vue/cli

yarn

1
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 initvue init 的執行結果會和 vue-cli@2.x 相同

1
vue init webpack my-project

評論

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×