卸载vue2.0并升级vue_cli3.0的实例讲解


Posted in Javascript onFebruary 16, 2020

今天来学习vue3.0,之前使用的是vue2.0现在用3.0的话你可以升级,也可以卸载再重装.我这里就是卸载重装啦。

第一步我们卸载全局的vue2.0 。你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

卸载vue2.0并升级vue_cli3.0的实例讲解

卸载完之后你可以使用vue -V 或者 vue -version在命令行输入来查看有无vue 一般情况下肯定是会卸载完毕的

我们来进行vue.30的安装 

打开命令行 输入npm install -g @vue/cli-init   这个就是会安装全局的vue3.0版本。安装好之后我们也可以vue -V查看当前vue的版本。我目前安装的3.5.3版本的。

卸载vue2.0并升级vue_cli3.0的实例讲解

当然这时候会有人想 那我之前vue2.0的项目怎么办?不用急,vue官网给了一个版本之前的桥接工具npm install -g @vue/cli-init

下载完后我们可以打开vue2.0的项目 npm run dev 运行就可以了。

开始创建vue项目,打开你需要创建文件的目录,打开命令行输入 vue create 项目名称,点击回车

卸载vue2.0并升级vue_cli3.0的实例讲解

这里有三个选项,你可以选择第一个,或者第二个一路回车就好。卸载vue2.0并升级vue_cli3.0的实例讲解

创建好之后我们就可以通过npm run serve 来开启项目啦。

我们在之前的命令行中cd 刚才的文件名 进入后 npm run serve ,如果不是在vue项目中运行会报错的哦

卸载vue2.0并升级vue_cli3.0的实例讲解

说说vue2.0和vue3.0的区别:

vue3.0减少了build 和 config文件夹,其他用法和vue2.0差不多。

以上就是三水点靠木小编整理的相关内容,希望能够帮助到大家。

Javascript 相关文章推荐
[原创]js与自动伸缩图片 自动缩小图片的多浏览器兼容的方法总结
Mar 12 Javascript
Javascript学习笔记之 对象篇(四) : for in 循环
Jun 24 Javascript
JavaScript实现在数组中查找不同顺序排列的字符串
Sep 26 Javascript
对比分析AngularJS中的$http.post与jQuery.post的区别
Feb 27 Javascript
EasyUI中datagrid在ie下reload失败解决方案
Mar 09 Javascript
Javascript节点关系实例分析
May 15 Javascript
纯javascript制作日历控件
Jul 17 Javascript
js淡入淡出的图片轮播效果代码分享
Aug 24 Javascript
JS遍历对象属性的方法示例
Jan 10 Javascript
vue element-ui table表格滚动加载方法
Mar 02 Javascript
分享一个vue项目“脚手架”项目的实现步骤
May 26 Javascript
JS字符串常用操作方法实例小结
Jun 24 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
Feb 16 #Javascript
Vue简单封装axios之解决post请求后端接收不到参数问题
Feb 16 #Javascript
封装一下vue中的axios示例代码详解
Feb 16 #Javascript
Vue.js的模板语法详解
Feb 16 #Javascript
Vue两个版本的区别和使用方法(更深层次了解)
Feb 16 #Javascript
vue数据响应式原理知识点总结
Feb 16 #Javascript
vue中利用iscroll.js解决pc端滚动问题
Feb 15 #Javascript
You might like
[原创]PHP中通过ADODB库实现调用Access数据库之修正版本
2006/12/31 PHP
用php获取本周,上周,本月,上月,本季度日期的代码
2009/08/05 PHP
使用PHP提取视频网站页面中的FLASH地址的代码
2010/04/17 PHP
利用PHP实现图片等比例放大和缩小的方法详解
2013/06/06 PHP
ThinkPHP视图查询详解
2014/06/30 PHP
php实现在限定区域里自动调整字体大小的类实例
2015/04/02 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
NiftyCube——轻松实现圆角边框
2007/02/20 Javascript
jquery ajax 检测用户注册时用户名是否存在
2009/11/03 Javascript
不一样的文字闪烁 轮番闪烁
2009/11/11 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
jQuery中offsetParent()方法用法实例
2015/01/19 Javascript
JavaScript数据结构与算法之栈详解
2015/03/12 Javascript
javascript模拟php函数in_array
2015/04/27 Javascript
jQuery实现非常实用漂亮的select下拉菜单选择效果
2015/11/06 Javascript
jQuery+CSS3实现点赞功能
2017/03/13 Javascript
微信小程序中form 表单提交和取值实例详解
2017/04/20 Javascript
jQuery实现ajax的嵌套请求案例分析
2019/02/16 jQuery
[01:11:46]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第一场 2月23日
2021/03/11 DOTA
python批量添加zabbix Screens的两个脚本分享
2017/01/16 Python
Python实现简单过滤文本段的方法
2017/05/24 Python
Python 使用with上下文实现计时功能
2018/03/09 Python
HTML5-WebSocket实现聊天室示例
2016/12/15 HTML / CSS
男女钓鱼靴和甲板鞋:XTRATUF
2021/01/09 全球购物
求职信格式范本
2013/11/15 职场文书
运动会四百米广播稿
2014/01/19 职场文书
陈欧广告词
2014/03/14 职场文书
大学学习计划书范文
2014/05/02 职场文书
国际贸易专业求职信
2014/06/04 职场文书
大学英语专业求职信
2014/06/21 职场文书
年会主持人开场白台词
2015/05/29 职场文书
年会邀请函的格式及范文五篇
2019/11/02 职场文书
python实现ROA算子边缘检测算法
2021/04/05 Python
完美处理python与anaconda环境变量的冲突问题
2021/04/07 Python
python实现三阶魔方还原的示例代码
2021/04/28 Python
浅谈Python numpy创建空数组的问题
2021/05/25 Python