安装多版本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 触发HTML元素绑定的函数
Sep 11 Javascript
extjs之去除s.gif的影响
Dec 25 Javascript
javascript dom追加内容实现示例
Sep 21 Javascript
js中top的作用深入剖析
Mar 04 Javascript
jQuery中mouseover事件用法实例
Dec 26 Javascript
JavaScript中eval()函数用法详解
Dec 14 Javascript
基于jQuery中ajax的相关方法汇总(必看篇)
Nov 08 jQuery
JS实现点击复选框变更DIV显示状态的示例代码
Dec 18 Javascript
解决vue 按钮多次点击重复提交数据问题
May 10 Javascript
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
浅谈vue限制文本框输入数字的正确姿势
Sep 02 Javascript
微信小程序实现点击图片放大预览
Oct 21 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+javascript的日历控件
2009/11/19 PHP
晋城吧对DiscuzX进行的前端优化要点
2010/09/05 PHP
一个PHP的远程图片抓取函数分享
2013/09/25 PHP
使用ThinkPHP+Uploadify实现图片上传功能
2014/06/26 PHP
php pdo操作数据库示例
2017/03/10 PHP
Laravel 使用查询构造器配合原生sql语句查询的例子
2019/10/12 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
通过继承IHttpHandle实现JS插件的组织与管理
2010/07/13 Javascript
使用js+jquery实现无限极联动
2013/05/23 Javascript
jQuery设置指定网页元素宽度和高度的方法
2015/03/25 Javascript
浅析JavaScript 调试方法和技巧
2015/10/22 Javascript
JS实现的表格行上下移动操作示例
2016/08/03 Javascript
在Docker快速部署Node.js应用的详细步骤
2016/09/02 Javascript
jQuery制作图片旋转效果
2017/02/02 Javascript
webpack构建换肤功能的思路详解
2017/11/27 Javascript
微信小程序之onLaunch与onload异步问题详解
2019/03/28 Javascript
在pycharm中开发vue的方法步骤
2020/03/04 Javascript
vue设置全局访问接口API地址操作
2020/08/14 Javascript
微信小程序实现列表左右滑动
2020/11/19 Javascript
python 爬虫 批量获取代理ip的实例代码
2018/05/22 Python
对numpy中的transpose和swapaxes函数详解
2018/08/02 Python
利用python开发app实战的方法
2019/07/09 Python
将数据集制作成VOC数据集格式的实例
2020/02/17 Python
python实现视频压缩功能
2020/12/18 Python
基于CSS3实现的几个小loading效果
2018/09/27 HTML / CSS
移动端Web页面的CSS3 flex布局快速上手指南
2016/05/31 HTML / CSS
市场营销专科应届生求职信
2013/11/24 职场文书
2014年父亲节活动方案
2014/03/06 职场文书
《放小鸟》教学反思
2014/04/20 职场文书
销售员态度差检讨书
2014/10/26 职场文书
作弊检讨书
2015/01/27 职场文书
自我检讨书范文
2015/01/28 职场文书
求职意向书范本
2015/05/11 职场文书
“5.12”护士节主持词
2015/07/04 职场文书
SpringBoot集成Redis的思路详解
2021/10/16 Redis
防止web项目中的SQL注入
2021/12/06 MySQL