安装多版本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实现DIV滚动自动滚动到底部的代码
Mar 01 Javascript
javascript 使td内容不换行不撑开
Nov 29 Javascript
5个可以帮你理解JavaScript核心闭包和作用域的小例子
Oct 08 Javascript
基于jQuery实现Ajax验证用户名是否存在实例
Mar 30 Javascript
javascript将中国数字格式转换成欧式数字格式的简单实例
Aug 02 Javascript
vue数据双向绑定的注意点
Jun 23 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
Oct 07 Javascript
layui 弹出层回调获取弹出层数据的例子
Sep 02 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
Sep 11 Javascript
layui的select联动实现代码
Sep 28 Javascript
vue 路由守卫(导航守卫)及其具体使用
Feb 25 Javascript
vue3.0 的 Composition API 的使用示例
Oct 26 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
谈谈PHP语法(3)
2006/10/09 PHP
PHP中通过加号合并数组的一个简单方法分享
2011/01/27 PHP
php学习之流程控制实现代码
2011/06/09 PHP
str_replace只替换一次字符串的方法
2013/04/09 PHP
php设计模式之单例模式实例分析
2015/02/25 PHP
JQuery防止退格键网页后退的实现代码
2012/03/23 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
2013/05/30 Javascript
讨论html与javascript在浏览器中的加载顺序问题
2013/11/27 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
2015/06/06 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
javascript对象的相关操作小结
2016/05/16 Javascript
jQuery stop()用法实例详解
2016/07/28 Javascript
基于JS实现翻书效果的页面切换样式
2017/02/16 Javascript
jquery实现页面加载效果
2017/02/21 Javascript
详解vue中使用vue-quill-editor富文本小结(图片上传)
2019/04/24 Javascript
Vue中添加滚动事件设置的方法详解
2020/09/14 Javascript
盘点提高 Python 代码效率的方法
2014/07/03 Python
详解Python验证码识别
2016/01/25 Python
对python中的for循环和range内置函数详解
2018/04/17 Python
解决tensorflow1.x版本加载saver.restore目录报错的问题
2018/07/26 Python
使用Python制作简单的小程序IP查看器功能
2019/04/16 Python
python验证码图片处理(二值化)
2019/11/01 Python
Python爬虫如何应对Cloudflare邮箱加密
2020/06/24 Python
Python+Kepler.gl实现时间轮播地图过程解析
2020/07/20 Python
python 下载m3u8视频的示例代码
2020/11/11 Python
html5 分层屏幕适配的方法
2018/03/16 HTML / CSS
HTML5实现预览本地图片
2016/02/17 HTML / CSS
使用HTML5和CSS3制作一个模态框的示例
2018/03/07 HTML / CSS
菲律宾领先的在线时尚商店:Zalora菲律宾
2018/02/08 全球购物
迪卡侬中国官网:Decathlon中国
2020/08/10 全球购物
毕业生就业自荐信
2013/12/04 职场文书
秘书英文求职信
2014/04/16 职场文书
超市活动计划书
2014/04/24 职场文书
2015应届毕业生求职信范文
2015/03/20 职场文书
奥巴马开学演讲观后感
2015/06/12 职场文书
CSS3实现的3D隧道效果
2021/04/27 HTML / CSS