vue2.0 和 vue3.0 环境在同一台电脑上分别运行

局部安装 vue2.0 环境

1. 局部安装环境
   新建 vue2 文件夹，使用 cmd 打开并执行

npm install [email protected]

成功后，会在 vue2 文件夹下生成 node_modules 依赖

2. 检测是否安装成功
   打开vue2 文件夹下的执行文件，即：vue2\node_modules\.bin ，使用 cmd 打开并执行

vue -V

3. 修改 vue2 文件夹下的 vue.cmd 名称 为 vue2.cmd，用来区分 vue2.0 和 vue3.0 的执行环境

1. 将vue2\node_modules\.bin\vue.cmd 文件名称改成 vue2.cmd
即：vue2\node_modules\.bin\vue.cmd ---> vue2\node_modules\.bin\vue2.cmd
2. 再次输入 vue -V 检测版本，会出现：'vue' 不是内部或外部命令，也不是可运行的程序
此时需要输入 vue2 -V 才可正确检测 vue 环境版本

4. 将 vue2\node_modules\.bin 配置到系统环境变量

1. 打开系统环境变量
变量名：VUE2
变量值：E:\vue2x-vue3x\vue2\node_modules\.bin （此路径是 vue2 文件夹下的执行文件的绝对路径）
2. 将配置好的变量添加到 path里，即： %VUE2%

成功后就可以全局调用 vue2 命令，启动 vue2.0 环境

5. 创建 vue2.0 项目
   新建 test 文件夹用于存放项目，cmd 打开并运行

vue2 init webpack vue2-project

局部安装 vue3.0 环境

1. 局部安装环境
   新建 vue3 文件夹，使用 cmd 打开并执行

npm install @vue/cli

成功后，会在 vue3 文件夹下生成 node_modules 依赖

2. 检测是否安装成功
   打开 vue3 文件夹下的执行文件，即：vue3\node_modules\.bin ，使用 cmd 打开并执行

vue -V

3. 修改 vue3 文件夹下的 vue.cmd 名称 为 vue3.cmd，用来区分 vue2.0 和 vue3.0 的执行环境

1. 将vue3\node_modules\.bin\vue.cmd 文件名称改成 vue3.cmd
即：vue3\node_modules\.bin\vue.cmd ---> vue3\node_modules\.bin\vue3.cmd
2. 再次输入 vue -V 检测版本，会出现：'vue' 不是内部或外部命令，也不是可运行的程序
此时需要输入 vue3 -V 才可正确检测 vue 环境版本

4. 将 vue3\node_modules\.bin 配置到系统环境变量

1. 打开系统环境变量
变量名：VUE3
变量值：E:\vue2x-vue3x\vue3\node_modules\.bin （此路径是 vue3 文件夹下的执行文件的绝对路径）
2. 将配置好的变量添加到 path里，即： %VUE3%

成功后就可以全局使用 vue3 命令，启动 vue3.0 环境

5. 创建 vue3.0 项目
   新建 test 文件夹用于存放项目，cmd 打开并运行

vue3 create vue3-project