局部安装 vue2.0 环境
- 局部安装环境
新建 vue2 文件夹，使用 cmd 打开并执行
npm install vue-cli@2.9.6
成功后，会在 vue2 文件夹下生成 node_modules 依赖
- 检测是否安装成功
打开vue2 文件夹下的执行文件，即：vue2\node_modules\.bin，使用 cmd 打开并执行
vue -V
- 修改 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 环境版本
- 将
vue2\node_modules\.bin配置到系统环境变量
1. 打开系统环境变量
变量名：VUE2
变量值：E:\vue2x-vue3x\vue2\node_modules\.bin （此路径是 vue2 文件夹下的执行文件的绝对路径）
2. 将配置好的变量添加到 path里，即： %VUE2%
成功后就可以全局调用 vue2 命令，启动 vue2.0 环境
- 创建 vue2.0 项目
新建 test 文件夹用于存放项目，cmd 打开并运行
vue2 init webpack vue2-project
局部安装 vue3.0 环境
- 局部安装环境
新建 vue3 文件夹，使用 cmd 打开并执行
npm install @vue/cli
成功后，会在 vue3 文件夹下生成 node_modules 依赖
- 检测是否安装成功
打开 vue3 文件夹下的执行文件，即：vue3\node_modules\.bin，使用 cmd 打开并执行
vue -V
- 修改 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 环境版本
- 将
vue3\node_modules\.bin配置到系统环境变量
1. 打开系统环境变量
变量名：VUE3
变量值：E:\vue2x-vue3x\vue3\node_modules\.bin （此路径是 vue3 文件夹下的执行文件的绝对路径）
2. 将配置好的变量添加到 path里，即： %VUE3%
成功后就可以全局使用 vue3 命令，启动 vue3.0 环境
- 创建 vue3.0 项目
新建 test 文件夹用于存放项目，cmd 打开并运行
vue3 create vue3-project
