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、重启命令行