vue-cli2与vue-cli3在一台电脑共存的实现方法


Posted in Javascript onSeptember 25, 2019

1、新建两个文件夹,分别用于存放vue-cli2和vue-cli3

vue-cli2与vue-cli3在一台电脑共存的实现方法

2、进入vue2文件夹下载安装vue-cli2.0

vue-cli2与vue-cli3在一台电脑共存的实现方法

vue-cli2.0版本下载命令为npm install vue-cli或者npm install vue-cli@版本号,这里我指定了版本号,还有这里不要加-g,否则就会安装到全局位置

检验

下载完毕,会生成一个`node_modules`文件夹,进入该文件夹下的`.bin`文件夹--`F:\Vue\vue2\node_modules\.bin`

可以看到该文件夹下存放的是cmd命令,因为是局部安装,所以在该目录下执行cmd命令vue -V,结果如下则说明安装成功

vue-cli2与vue-cli3在一台电脑共存的实现方法

3、进入vue3文件夹下载安装vue-cli3.0

vue-cli3.0安装步骤与上面的2.0基本相同,唯一不同的就是下载安装命令为-`npm install @vue/cli

4、修改CMD命令名称

为了便于区分,我们修改两个版本的cmd命令的名称,分别为vue-cli2vue-cli3

vue-cli2与vue-cli3在一台电脑共存的实现方法

vue-cli2与vue-cli3在一台电脑共存的实现方法

5、配置环境变量

vue-cli2与vue-cli3在一台电脑共存的实现方法

过程请看上图,最后一步要操作两次,分别添加2.0和3.0的cmd命令到环境变量,点浏览后,选择到.bin文件夹就可以了

6、使用

使用vue-cli2.0创建项目---vue-cli2 init webpack

vue-cli2与vue-cli3在一台电脑共存的实现方法

使用vue-cli3.0创建项目---vue-cli3 create my-project

vue-cli2与vue-cli3在一台电脑共存的实现方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
!DOCTYPE声明对JavaScript的影响分析
Apr 12 Javascript
浅说js变量
May 25 Javascript
JavaScript修改浏览器tab标题小技巧
Jan 06 Javascript
js canvas实现擦除动画
Jul 16 Javascript
完美的js div拖拽实例代码
Sep 24 Javascript
js html5 css俄罗斯方块游戏再现
Oct 17 Javascript
详谈js中标准for循环与foreach(for in)的区别
Nov 02 Javascript
JavaScript实现重力下落与弹性效果的方法分析
Dec 20 Javascript
浅析Angular19 自定义表单控件
Jan 31 Javascript
Vue2 模板template的四种写法总结
Feb 23 Javascript
webpack项目使用eslint建立代码规范实现
May 16 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
Apr 22 Javascript
解决Layui当中的导航条动态添加后渲染失败的问题
Sep 25 #Javascript
layui实现二维码弹窗、并下载到本地的方法
Sep 25 #Javascript
使用localStorage替代cookie做本地存储
Sep 25 #Javascript
JavaScript使用localStorage存储数据
Sep 25 #Javascript
Vue路由守卫之路由独享守卫
Sep 25 #Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 25 #Javascript
Vue利用Blob下载原生二进制数组文件
Sep 25 #Javascript
You might like
php2html php生成静态页函数
2008/12/08 PHP
PHP 配置open_basedir 让各虚拟站点独立运行
2009/11/12 PHP
ThinkPHP模版中导入CSS和JS文件的方法
2014/11/29 PHP
PHP+MYSQL实现读写分离简单实战
2017/03/13 PHP
js活用事件触发对象动作
2008/08/10 Javascript
JS 继承实例分析
2008/11/04 Javascript
Javascript 实现TreeView CheckBox全选效果
2010/01/11 Javascript
网页打开自动最大化的js代码
2012/08/22 Javascript
javascript数组详解
2014/10/22 Javascript
javascript清空table表格的方法
2015/05/14 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
2016/05/16 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
2016/07/08 Javascript
原生js仿jquery animate动画效果
2016/07/13 Javascript
JS禁止查看网页源代码的实现方法
2016/10/12 Javascript
JavaScript计时器用法分析【setTimeout和clearTimeout】
2017/01/18 Javascript
node.js+captchapng+jsonwebtoken实现登录验证示例
2017/08/17 Javascript
Vue实现小购物车功能
2020/12/21 Vue.js
[40:13]Ti4 冒泡赛第二天 iG vs NEWBEE 2
2014/07/15 DOTA
[01:20]2018DOTA2亚洲邀请赛总决赛战队LGD晋级之路
2018/04/07 DOTA
Python 模拟登陆的两种实现方法
2017/08/10 Python
python中数据爬虫requests库使用方法详解
2018/02/11 Python
Python3.4 tkinter,PIL图片转换
2018/06/21 Python
在Mac上删除自己安装的Python方法
2018/10/29 Python
对django中foreignkey的简单使用详解
2019/07/28 Python
PyTorch 解决Dataset和Dataloader遇到的问题
2020/01/08 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
机电一体化大学生求职信
2013/11/08 职场文书
业务员简历自我评价
2014/03/06 职场文书
安踏广告词改编版
2014/03/21 职场文书
商业街策划方案
2014/05/31 职场文书
垂直极限观后感
2015/06/08 职场文书
银行培训心得体会范文
2016/01/09 职场文书
《搭石》教学反思
2016/02/18 职场文书
MySQL的Query Cache图文详解
2021/07/01 MySQL
python的netCDF4批量处理NC格式文件的操作方法
2022/03/21 Python
三星 3nm 芯片将于第二季度开始量产
2022/04/29 数码科技