Vue cli 版本共存

本教程 演示 vue cli 4.1.1版本 和 vue cli 2.9.6 版本共存

前置条件 node js环境

环境 搭建

1. 卸载vue cli

//1.卸载 vue cli

npm uninstall vue-cli -g

//2. 删除安装目录下的@Vue 文件

F:\Web developer tool\node_js\node-v12.13.0-win-x64\node_global\node_modules\@Vue

2 创建不同版本文件夹

安装不同版本

不加 -g 全局安装

//进入 Vue-2.9.6文件夹 执行

npm install vue-cli@2.9.6

//进入 Vue-24.1.1 文件夹 执行

npm install vue-cli@4.1.1

进入目录查看版本

//cmd 进入目录

Vue-4.1.1\node_modules\.bin>

//输入 vue -V查看版本

vue -V

修改vue2和vue4的名称

分别进入版本文件夹 更改vue cmd 名称

3 配置环境变量

复制 Vue-2.9.6 和 Vue-4.1.1 .bin文件路径

打开系统环境变量配置

分别将复制的环境变量增加到系统环境变量中

创建 Vue-4.1.1 系统变量

创建 Vue-2.9.6 系统变量

4 查看效果

5 使用方法

vue_cli 2.9.

vue_cli 4.1.1