一 :vue-cli全局安裝
vue-cli 2.x 全局安裝
npm install -g vue-cli
vue-cli 3 全局安裝(安裝之前需要全局卸載vue-cli2)
npm install -g @vue/cli
使用 vue create + 項目名 來創建一個項目(後續略)
二 : vue-cli 本地安裝(忽略全局安裝的vue-cli版本,只爲當前本地環境安裝制定版本cli工具)
vue-cli2:(默認當前全局安裝的vue-cli版本是3.x 或者並沒有全局安裝任何 vue-cli)
npm install --save-dev vue-cli (vue-cli2)
執行完上述命令後,會在當前目錄下創建
對於本地安裝的vue-cli,當執行 vue init webpack + 項目名 時;
如果全局安裝有vue-cli3,會報如下錯誤:
提示我們全局安裝vue-cli;但是我們的初衷就是不想安裝全局的vue-cli;
如果全局並沒有安裝vue-cli,報如下
此時,我們執行 ./node_modules/.bin/vue init webpack + 項目名
出現了我們熟悉的項目配置選項,按照提示我們就可以完成項目的初始化了。
@vue/cli 3
npm install --save-dev @vue/cli (vue-cli3)
創建項目類似vue-cli2本地安裝