Vue3+與Vue2共存

目前大多數新項目都會采用Vue3+進行開發，然而在公司還需要維護一些之前使用老舊版本Vue2開發的項目，此時則需要我們在電腦上安裝vue2與vue3+了。

1、 先來說說npm安裝命令的參數-g

-g參數可以將js包進行全局安裝，即安裝到當前用戶目錄下

比如使用命令

npm install -g @vue/cli 

即可以安裝最新版本vue到用戶目錄下，使用where vue 可以查看全局vue所在目錄

E:\>where vue
C:\Users\Administrator\AppData\Roaming\npm\vue
C:\Users\Administrator\AppData\Roaming\npm\vue.cmd

之所以能夠在任何位置都使用vue指令是因為在安裝node時自動配置了npm 環境變量即目錄

C:\Users\Administrator\AppData\Roaming\npm

系統才能識別vue指令

2、 在指定目錄安裝vue2版本

比如在以下目錄 D:\Program Files\vue2

先cd到D:\Program Files\vue2目錄

使用非全局安裝的命令

npm install vue-cli

即可將vue2的最新版本安裝到該目錄，此時該目錄多了node_modules 文件夾與package.json文件

此時即可在D:\Program Files\vue2\node_modules\.bin目錄使用vue2相關指令

注意：目前脫離了D:\Program Files\vue2\node_modules\.bin目錄vue2命令失效

 

3、將vue2配置環境變量

效果就是在任意目錄都可以使用vue2相關指令

a、將D:\Program Files\vue2\node_modules\.bin目錄下的vue與vue.cmd重命名為vue2與vue2.cmd

b、在win10中右鍵此電腦=>屬性=>高級系統設置=>環境變量=>系統變量=>選path=>選擇編輯，然后新建將D:\Program Files\vue2\node_modules\.bin目錄拷貝即可

c、重啟命令行