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目录下的vu

猜你喜欢

转载自blog.csdn.net/zhangzhaoyuxunlei/article/details/105924285