vue2.0和vue3.0共存


如果之前裝過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@版本號

查看vue版本

記住要加版本號,不加版本號的話默認安裝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一樣

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM