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 相关文章推荐
js 创建书签小工具之理论
Feb 25 Javascript
关于query Javascript CSS Selector engine
Apr 12 Javascript
Jquery获取复选框被选中值的简单方法
Jul 04 Javascript
JavaScript的jQuery库中ready方法的学习教程
Aug 14 Javascript
七夕情人节丘比特射箭小游戏
Aug 20 Javascript
js鼠标点击图片切换效果代码分享
Aug 26 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
Jan 09 Javascript
详解webpack 如何集成第三方js库
Jun 29 Javascript
详解微信小程序Radio选中样式切换
Jul 06 Javascript
vue实现键盘输入支付密码功能
Aug 18 Javascript
深入理解es6块级作用域的使用
Mar 28 Javascript
javascript设计模式之迭代器模式
Jan 30 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
PHP数组遍历知识汇总(包含遍历方法、数组指针操作函数、数组遍历测速)
2014/07/05 PHP
php利用scws实现mysql全文搜索功能的方法
2014/12/25 PHP
PHP实现通用alert函数的方法
2015/03/11 PHP
PHP操作MySQL的mysql_fetch_* 函数的常见用法教程
2015/12/25 PHP
PHP实现统计在线人数功能示例
2016/10/15 PHP
PDO::prepare讲解
2019/01/29 PHP
JS处理VBArray的函数使用说明
2008/05/11 Javascript
javascript EXCEL 操作类代码
2009/07/30 Javascript
让FireFox支持innerText的实现代码
2009/12/01 Javascript
读jQuery之四(优雅的迭代)
2011/06/20 Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
2014/01/31 Javascript
Javascript 按位取反运算符 (~)
2014/02/04 Javascript
js处理表格对table进行修饰
2014/05/26 Javascript
JS实现样式清新的横排下拉菜单效果
2015/10/09 Javascript
AngularJS基础 ng-class-odd 指令示例
2016/08/01 Javascript
使用Javascript判断浏览器终端设备(PC、IOS(iphone)、Android)
2017/01/04 Javascript
JS正则替换去空格的方法
2017/03/24 Javascript
bootstrap daterangepicker汉化以及扩展功能
2017/06/15 Javascript
Vue项目中引入外部文件的方法(css、js、less)
2017/07/24 Javascript
swiper插件自定义切换箭头按钮
2017/12/28 Javascript
jQuery+SpringMVC中的复选框选择与传值实例
2018/01/08 jQuery
详解小程序退出页面时清除定时器
2019/04/28 Javascript
[02:28]DOTA2 2015国际邀请赛中国区预选赛首日现场百态
2015/05/26 DOTA
Pyhton中防止SQL注入的方法
2015/02/05 Python
Python判断Abundant Number的方法
2015/06/15 Python
python中datetime模块中strftime/strptime函数的使用
2018/07/03 Python
Python使用百度翻译开发平台实现英文翻译为中文功能示例
2019/08/08 Python
Python实现密码薄文件读写操作
2019/12/16 Python
HTML5中indexedDB 数据库的使用实例
2017/05/11 HTML / CSS
活动总结范文
2014/08/30 职场文书
医德医风个人工作总结2014
2014/11/14 职场文书
教师学习十八届五中全会精神心得体会
2016/01/05 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书
2016年社区创先争优活动总结
2016/04/05 职场文书
用JS实现飞机大战小游戏
2021/06/09 Javascript
详解SpringBoot异常处理流程及原理
2021/06/21 Java/Android