likes
comments
collection
share

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

作者站长头像
站长
· 阅读数 281

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 创建项目

参考文章vue-cli