安装多版本Vue-CLI

安装多版本Vue-CLI,即在电脑上同时安装多个版本的Vue-CLI。那么为什么要安装多个版本呢?原因是Vue-cli3.0版本与之前的版本有了较大不同,当你要处理3.0之前的项目,又想使用之后的版本处理新的项目的时候就会遇到多版本管理的问题。所以接下来我们就介绍下具体的安装流程:

一. 安装多个vue-cli

在系统任意位置通过npm install安装两个版本vue-cli,这里以3.11.0和4.2.3举例。

1.系统已经全局安装了3.11.0版本

截图.png

2. 局部安装vue-cli 4.2.3

执行局部安装命令npm install @vue/cli(局部安装,即命令不要写-g)
安装多版本Vue-CLI_第1张图片

3. 安装完之后进入修改文件

node_modules/.bin文件夹下,找到vue.cmd和vue连个文件,更改名字为vue4(也就是脚本命令名称,配置系统变量后cmd中输入vue4就是执行的这里的脚本)
安装多版本Vue-CLI_第2张图片

二. 系统变量配置

安装以下图片内容进行配置即可
安装多版本Vue-CLI_第3张图片
安装多版本Vue-CLI_第4张图片
安装多版本Vue-CLI_第5张图片
安装多版本Vue-CLI_第6张图片
安装多版本Vue-CLI_第7张图片
新建成功后就会增加一行配置
安装多版本Vue-CLI_第8张图片
然后双击Path,点击新建,输入刚才填写的环境变量名称,名称前后加上百分(这是重点)
安装多版本Vue-CLI_第9张图片

三、测试是否配置成功

截图 (9).png

你可能感兴趣的:(安装多版本Vue-CLI)