安装多版本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 相关文章推荐
javascript判断用户浏览器插件安装情况的代码
Jan 01 Javascript
js选取多个或单个元素的实现代码(用class)
Aug 22 Javascript
jquery中load方法的用法及注意事项说明
Feb 22 Javascript
js操作输入框提示信息且响应鼠标事件
Mar 25 Javascript
Jquery动态添加及删除页面节点元素示例代码
Jun 16 Javascript
网页运行时提示对象不支持abigimage属性或方法
Aug 10 Javascript
教你如何使用node.js制作代理服务器
Nov 26 Javascript
使用控制台破解百小度一个月只准改一次名字
Aug 13 Javascript
Bootstrap 3 进度条的实现
Feb 22 Javascript
纯js的右下角弹窗实例
Mar 12 Javascript
彻底弄懂 JavaScript 执行机制
Oct 23 Javascript
微信小程序实现音乐播放页面布局
Dec 11 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
全国FM电台频率大全 - 16 河南省
2020/03/11 无线电
基于mysql的bbs设计(二)
2006/10/09 PHP
PHP往XML中添加节点的方法
2015/03/12 PHP
php动态函数调用方法
2015/05/21 PHP
PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
2015/10/09 PHP
php pdo操作数据库示例
2017/03/10 PHP
PHP实现的简单适配器模式示例
2017/06/22 PHP
IE8 浏览器Cookie的处理
2009/01/31 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
2015/03/24 Javascript
vue2.X组件学习心得(新手必看篇)
2017/07/05 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
JavaScript时间与时间戳的转换操作实例分析
2018/12/07 Javascript
微信小程序日历效果
2018/12/29 Javascript
在Uni中使用Vue的EventBus总线机制操作
2020/07/31 Javascript
web.py在模板中输出美元符号的方法
2014/08/26 Python
python实现udp数据报传输的方法
2014/09/26 Python
python实现判断数组是否包含指定元素的方法
2015/07/15 Python
Python进阶之递归函数的用法及其示例
2018/01/31 Python
Python使用pickle模块实现序列化功能示例
2018/07/13 Python
Python双向循环链表实现方法分析
2018/07/30 Python
学python安装的软件总结
2019/10/12 Python
PyQt5多线程防卡死和多窗口用法的实现
2020/09/15 Python
scrapy在python爬虫中搭建出错的解决方法
2020/11/22 Python
matplotlib 使用 plt.savefig() 输出图片去除旁边的空白区域
2021/01/05 Python
Auchan Direct波兰:欧尚在线杂货店
2016/10/19 全球购物
美体小铺美国官网:The Body Shop美国
2017/11/10 全球购物
阿联酋航空假期:Emirates Holidays
2018/03/20 全球购物
接受捐赠答谢词
2014/01/27 职场文书
年度考核自我鉴定
2014/02/02 职场文书
幼儿评语大全
2014/04/30 职场文书
廉洁自律演讲稿
2014/05/22 职场文书
淘宝活动总结范文
2014/06/26 职场文书
2014年技术员工作总结
2014/11/18 职场文书
英语辞职信范文
2015/02/28 职场文书
2015年党日活动总结范文
2015/03/25 职场文书
当幸福来敲门英文观后感
2015/06/01 职场文书