vue2 和 vue3 如何共存

603 阅读1分钟

第一步:判断电脑上安装的是那个版本的vue脚手架

image.png

卸载当前 版本的vue 利用npm 命令卸载当前vue

vue2: npm uninstall vue-cli -g

vue3: npm uninstall @vue/cli -g

卸载后 输入命令 vue -V 查看是否卸载干净 image.png

第二步:如何进行共存同一台电脑安装

在一个文件夹中 新建下面的文件

image.png

安装vue2:

如何在当前文件夹 打开cmd 如下图 直接回车即可

image.png

进入vue-cli2 文件夹 中 执行 npm install vue-cli 不能 -g 全局安装

image.png 进入vue-cli3 文件夹 中 执行 npm install @vue/cli 不能 -g 全局安装

image.png

第三步 如何配置 windows 版本

1. 修改名称 区分vue2 和 vue3 E:\VueCli\vue-cli2\node_modules.bin 下的 vue 和 vue.cmd 文件修改为 vue2 和 vue2.cmd

image.png

查看版本: image.png E:\VueCli\vue-cli3\node_modules.bin 下的 vue 和 vue.cmd 文件修改为 vue3 和 vue3.cmd

image.png

查看版本: image.png

2. 配置对应的环境变量 - 目的【全局使用】 找到我的电脑-系统-高级系统配置 如图

image.png

找到相对应的环境变量

image.png

具体配置如下图: image.png

配置后如图:

image.png

3. 修改对应的path

双击path

image.png

出现下图

image.png

重启电脑 尝试 看是否成功

image.png