1.新建两个文件夹分别为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.设置系统环境变量,如下图
文章图片
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
推荐阅读
- uni-app|uni-app引入小程序自定义组件的混合开发
- spring|阿里巴巴内部纯享的这份SpringBoot+VUE全栈开发实战手册,绝了
- vue|响应式实现
- Vue|【Vue】V-if成立时,元素出现;不成立时,元素不显示。
- 前端html|Vue3调用高德地图
- vue.js|在vue项目中引入高德地图
- 【Vue2】nextTick
- 【Vue2】事件
- 前端|推荐20个值得收藏的前端开源项目