同一台电脑局部安装vue2和vue3

1.新建两个文件夹分别为vue2和vue3

如下图:

同一台电脑局部安装vue2和vue3
文章图片

2.安装
安装vue2:npm install vue-cli@2.9.6 安装vue3:npm install @vue/cli

3.检查
安装成功,在vue2和vue3文件夹执行vue -V

4.重命名
修改自己习惯的名字,前往vue2/node_modules/.bin 目录下,将vue改为vue2,vue.cmd改为vue2.cmd;vue3的同理 vue2和vue3文件夹下分别执行`vue2 -V``vue3 -V` 出现版本号则成功

5.设置系统环境变量,如下图
同一台电脑局部安装vue2和vue3
文章图片

6.随便打开命令行,使用 vue2 -V vue3 -V,如出现版本号则成功,
vue2创建项目:vue2 init webpack my-app vue3创建项目:vue3 create my-app

7.若vue3需要拉去vue2的模板,需在vue3的安装目录下执行一下命令:
npm install @vue/cli-init 切记!!!不是**全局安装** 至此,可以使用 vue3 init webpack my-app 创建项目

【同一台电脑局部安装vue2和vue3】参考文章
vue-cli

    推荐阅读