vue2和vue3共存并分别创建项目

一.安装vue-cli脚手架

（1）先创建两个文件夹vue2和vue3

（2）进入vue3文件夹，在地址栏输入cmd回车，

使用vue3必须把农庄@vue-cli版本在4.5.0以上，默认安装最新版本

输入npm install @vue/cli

注意：不要加-g,不然就是全局安装了

（3） 安装vue2脚手架

这里需要安装指定版本的vue-cli

npm install vue-cli@2.9.6

(4)查看是否安装成功

分别进入D:\vue\vue3\node_modules\.bin中vue命令脚本

 把vue.cmd拖进cmd窗口 加上--version，查看版本号

查看vue2同理

二.修改名称

（1）.找到.bin文件夹下的vue 和vue.cmd ,分别改名vue2和vue2.cmd

 （2）.找到.bin文件夹下的vue 和vue.cmd ,分别改名vue3和vue3.cmd

   (3).新建环境变量，把vue2和vue3的命令添加进去

 （4）添加vue2的环境变量

 （5）修改path变量

 四.重启电脑就可以

配置环境变量的目的就是让Path找到vue所在的文件路径，前面修改的vue2，vue3,就决定了 全局使用的名称，可自行定义

五、配置完成后创建vue2和vue3项目

重启完成后

直接输入vue2 -V或者vue2 --version

 (1)再新建一个文件夹加vue3project

 

 选择vue3回车

此时vue3项目就创建好了

（2）创建vue2项目，使用vue2 init webpack XXX

 

 六、对比vue2和vue3项目结构

vue3

 vue2