如果之前裝過vue2.0,先卸載掉
npm uninstall -g vue-cli
如果之前裝過vue3.0,先卸載掉
npm uninstall -g @vue/cli
隨便在一個目錄下創建vue2和vue3文件夾
在vue2文件夾下打開打開cmd終端,本地安裝vue2(注意不要加 -g,加了就是全局安裝了)
npm install vue-cli
如果速度慢的話,也可以cnpm install vue-cli,前提是安裝了cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org
在vue3文件夾下打開打開cmd終端,本地安裝vue3(注意不要加 -g,加了就是全局安裝了)
npm install @vue/cli@版本號
如果速度慢的話,也可以cnpm install @vue/cli@版本號
記住要加版本號,不加版本號的話默認安裝vue4(目前最新vue4)
檢驗安裝是否成功
安裝vue-cli后,會在當前目錄下有一個 node_modules 的文件夾。這也就是局部安裝vue所需要的模塊的文件
進入 node_module/.bin/下執行vue -V(大寫的V),看到版本號即安裝成功
修改vue2和vue3的名稱
接下來,找到安裝vue的目錄,然后找到 vue 和 vue.cmd 的位置。分別改名為 vue2、vue2.cmd 和 vue3、vue3.cmd
配置環境變量
右鍵我的電腦-屬性-高級系統設置-環境變量
新建系統變量
分別新建變量名VUE_CLI2和文件目錄、VUE_CLI3和文件目錄
這里的目錄就是我們安裝vue的目錄,而且找到.bin文件夾就可以了。
最后修改Path變量
這一步才是最重要的
先找到Path的位置,然后編輯
編輯Path的時候。可以移到路徑的輸入框的最后面
然后輸入 ;%VUE_CLI2%;%VUE_CLI3%
最后驗證
cmd終端命令行輸入vue2 -V和vue3 -V,看到版本號即表示成功
多說一句
vue4安裝與vue3一樣