同一台電腦 實現 vue2 和 vue3 同時並存


1、新建兩個文件夾

image

2、分別在文件夾 vue2 和 vue3 中安裝

注意:不需要 -g 這是全局安裝
vue2 安裝:npm install vue-cli@2.9.6
vue3 安裝:npm install @vue/cli

image
image

安裝完成后,會在當前目錄下有一個 node_modules 的文件夾。這也就是局部安裝vue所需要的模塊的文件。

3、檢查是否安裝成功

在 vue2 目錄下執行:
./node_modules/.bin/vue -V

在 vue3 目錄下執行:
./node_modules/.bin/vue -V

顯示版本號就說明安裝成功了。

4、修改vue2和vue3的名稱

找到安裝vue的目錄,然后找到 vue 和 vue.cmd 的位置。分別改名為 vue2 vue2.cmd 和 vue3 vue3.cmd
目錄和對應的文件名不要搞錯

vue2/node_modules/.bin 文件夾下,將 vue 和 vue.cmd 分別改名為 vue2 和 vue2.cmd

image

vue3/node_modules/.bin 文件夾下,將 vue 和 vue.cmd 分別改名為 vue3 和 vue3.cmd

image

4、配置環境變量

依次給 vue2、vue3 添加環境變量
右鍵我的電腦 -> 屬性 -> 高級系統設置 -> 環境變量
image
image
最后修改 Path 變量
image


免責聲明!

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



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