同时安装Vue2和Vue3

背景

当我们的工作中使用的还是脚手架还是基于Vue2.x的版本，那么我们想要学习和使用Vue3怎么办？直接升级脚手架的话，会影响到我们现在的项目，那就需要去处理下关于Vue3的东西了。

下载安装Vue3的脚手架

1. 任意磁盘根目录新建一个文件夹用来存放 Vue3的脚手架，比如就叫 Vue3，但是需要注意的是，这个文件夹的名字不能包含中文字符

2. 在 Vue3 文件夹的目录中打开 cmd 命令行窗口，下载 Vue3 的脚手架

   npm i @vue/cli@3
   1

3. 下载安装好以后，打开 node_modules 文件夹下面找到 .bin 文件夹

4. 在 .bin 文件夹下面找到 vue 和 vue.cmd 两个文件，我们需要把这两个文件名称改一下，防止和 Vue2.x 的命令冲突
   

5. 可以在此处打开 cmd ，输入命令 vue3.cmd --version 检查是否安装成功，出现了版本号，就代表成功了
   

配置环境变量

Vue3的脚手架下载以后，还需要配置对应的环境变量，不然没办法全局使用

1. 打开高级系统设置 -> 高级 -> 环境变量 -> 新建 -> 输入变量名和变量值 -> 确定

   • 变量名：随意取，这里叫 vue3
   • 变量值：这里就是上面 .bin 文件夹的地址
     

2. 把 vue3 我们刚刚新建的这个环境变量添加到path中去，在系统变量中找到 path，点击选中它 -> 点击编辑，会弹出一个新的弹窗 -> 点击新建 -> 输入 %vue3% -> 确定
   

3. 重启电脑，任意位置打开 cmd ，输入 vue3 --version，输出版本号就代表我们成功了