安装多版本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 表格操作(交替显示、拖动表格行、选择行等)
Jul 29 Javascript
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
Jan 06 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(五)可移动地图的实现
Jan 23 Javascript
基于jquery异步传输json数据格式实例代码
Nov 23 Javascript
Javascript基础教程之数据类型 (字符串 String)
Jan 18 Javascript
分享一个自己写的简单的javascript分页组件
Feb 15 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
angular分页指令操作
Jan 09 Javascript
解决BootStrap Fileinput手机图片上传显示旋转问题
Jun 01 Javascript
gulp安装以及打包合并的方法教程
Nov 19 Javascript
vue 路由嵌套高亮问题的解决方法
May 17 Javascript
React中this丢失的四种解决方法
Mar 12 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
Zend引擎的发展 [15]
2006/10/09 PHP
php ci框架中加载css和js文件失败的原因及解决方法
2014/07/29 PHP
隐藏Nginx或Apache以及PHP的版本号的方法
2016/01/03 PHP
PHP构造函数与析构函数用法示例
2016/09/28 PHP
Laravel的throttle中间件失效问题解决方法
2016/10/09 PHP
PHP编程实现阳历转换为阴历的方法实例
2017/08/08 PHP
jQuery 操作下拉列表框实现代码
2010/02/22 Javascript
IE6下通过a标签点击切换图片的问题
2010/11/14 Javascript
Jquery 实现表格颜色交替变化鼠标移过颜色变化实例
2013/08/28 Javascript
Jquery easyUI 更新行示例
2014/03/06 Javascript
js对字符的验证方法汇总
2015/02/04 Javascript
微信小程序实现页面跳转传值的方法
2017/10/12 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
2017/12/01 Javascript
Element-ui table中过滤条件变更表格内容的方法
2018/03/02 Javascript
vue升级之路之vue-router的使用教程
2018/08/14 Javascript
在vue项目中集成graphql(vue-ApolloClient)
2018/09/08 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
python虚拟环境 virtualenv的简单使用
2020/01/21 Javascript
JavaScript 中的无穷数(Infinity)详解
2020/02/13 Javascript
[00:12]2018DOTA2亚洲邀请赛SOLO赛 MidOne是否中单第一人?
2018/04/05 DOTA
python实现堆栈与队列的方法
2015/01/15 Python
Python中的多重装饰器
2015/04/11 Python
点球小游戏python脚本
2018/05/22 Python
Python3模拟curl发送post请求操作示例
2019/05/03 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
Mankind西班牙男士护肤品网站:购买皮肤护理、护发和剃须
2017/04/27 全球购物
全球立体声:World Wide Stereo
2018/09/29 全球购物
医院工作检讨书范文
2014/02/10 职场文书
2014年居委会工作总结
2014/12/09 职场文书
2014年中班下学期工作总结
2014/12/11 职场文书
建筑技术负责人岗位职责
2015/04/13 职场文书
详解Python中下划线的5种含义
2021/07/15 Python
Java并发编程之原子性-Atomic的使用
2022/03/16 Java/Android
ORACLE中dbms_output.put_line输出问题的解决过程
2022/06/28 Oracle
vue el-table实现递归嵌套的示例代码
2022/08/14 Vue.js