安装多版本Vue-CLI的实现方法


Posted in Javascript onMarch 24, 2020

安装多版本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版本

安装多版本Vue-CLI的实现方法

2. 局部安装vue-cli 4.2.3

执行局部安装命令npm install @vue/cli(局部安装,即命令不要写-g)

安装多版本Vue-CLI的实现方法

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

node_modules/.bin文件夹下,找到vue.cmd和vue连个文件,更改名字为vue4(也就是脚本命令名称,配置系统变量后cmd中输入vue4就是执行的这里的脚本)

安装多版本Vue-CLI的实现方法

二. 系统变量配置

安装以下图片内容进行配置即可

安装多版本Vue-CLI的实现方法

安装多版本Vue-CLI的实现方法

安装多版本Vue-CLI的实现方法

安装多版本Vue-CLI的实现方法

安装多版本Vue-CLI的实现方法

新建成功后就会增加一行配置

安装多版本Vue-CLI的实现方法

然后双击Path,点击新建,输入刚才填写的环境变量名称,名称前后加上百分(这是重点)

安装多版本Vue-CLI的实现方法

三、测试是否配置成功

安装多版本Vue-CLI的实现方法

到此这篇关于安装多版本Vue-CLI的实现方法的文章就介绍到这了,更多相关安装多版本Vue-CLI内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
jQuery实现div浮动层跟随页面滚动效果
Feb 11 Javascript
jQuery判断多个input file 都不能为空的例子
Jun 23 Javascript
jQuery插件fullPage.js实现全屏滚动效果
Dec 02 Javascript
JS实现图片垂直居中显示小结
Dec 13 Javascript
关于vue的语法规则检测报错问题的解决
May 21 Javascript
vue侧边栏动态生成下级菜单的方法
Sep 07 Javascript
jQuery简单实现根据日期计算星期几的方法
Jan 09 jQuery
vue实现新闻展示页的步骤详解
Apr 11 Javascript
微信小程序实现图片压缩
Dec 03 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
Aug 10 Javascript
浅析vue中的nextTick
Dec 28 Vue.js
详解 TypeScript 枚举类型
Nov 02 Javascript
js实现页面图片消除效果
Mar 24 #Javascript
js实现消灭星星(web简易版)
Mar 24 #Javascript
JavaScript实现移动端带transition动画的轮播效果
Mar 24 #Javascript
javascript实现滚动条效果
Mar 24 #Javascript
Webpack中SplitChunksPlugin 配置参数详解
Mar 24 #Javascript
JS实现点星星消除小游戏
Mar 24 #Javascript
js实现小星星游戏
Mar 23 #Javascript
You might like
dedecms模版制作使用方法
2007/04/03 PHP
PHP编程入门的基本语法知识点总结
2016/01/26 PHP
PHP简单实现生成txt文件到指定目录的方法
2016/04/25 PHP
PHP使用curl_multi实现并发请求的方法示例
2018/04/29 PHP
JQuery 无废话系列教程(一) jquery入门 [推荐]
2009/06/23 Javascript
jQuery 性能优化手册 推荐
2010/02/23 Javascript
JavaScript模板入门介绍
2012/09/26 Javascript
js判断浏览器版本以及浏览器内核的方法
2015/01/20 Javascript
最新最热最实用的15个jQuery插件汇总
2015/07/05 Javascript
JS中改变this指向的方法(call和apply、bind)
2016/03/26 Javascript
详解Python中logging日志模块在多进程环境下的使用
2016/12/26 Javascript
JavaScript复制内容到剪贴板的两种常用方法
2018/02/27 Javascript
Js经典案例的实例代码
2018/05/10 Javascript
使用D3.js构建实时图形的示例代码
2018/08/28 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
JavaScript中this用法学习笔记
2019/03/17 Javascript
vue实现节点增删改功能
2019/09/26 Javascript
在node环境下parse Smarty模板的使用示例代码
2019/11/15 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
python将人民币转换大写的脚本代码
2013/02/10 Python
python基础教程之自定义函数介绍
2014/08/29 Python
Python基类函数的重载与调用实例分析
2015/01/12 Python
Python编写电话薄实现增删改查功能
2016/05/07 Python
Python迭代器定义与简单用法分析
2018/04/30 Python
Python3数据库操作包pymysql的操作方法
2018/07/16 Python
python浪漫表白源码
2019/04/05 Python
Python 序列化和反序列化库 MarshMallow 的用法实例代码
2020/02/25 Python
Python中Qslider控件实操详解
2021/02/20 Python
皇家阿尔伯特英国官方商店:Royal Albert骨瓷
2019/03/25 全球购物
师德个人剖析材料
2014/02/02 职场文书
法律六进活动方案
2014/03/13 职场文书
涉密人员保密承诺书
2014/05/28 职场文书
护士优质服务演讲稿
2014/08/26 职场文书
2015年会计个人工作总结
2015/04/02 职场文书
行政处罚事先告知书
2015/07/01 职场文书
GoLang中生成UUID唯一标识的实现
2021/05/08 Golang