卸载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 相关文章推荐
jQuery 动画弹出窗体支持多种展现方式
Apr 29 Javascript
jQuery学习笔记之jQuery选择器的使用
Dec 22 Javascript
javascript内存管理详细解析
Nov 11 Javascript
JavaScript 32位整型无符号操作示例
Dec 08 Javascript
基于javascript实现仿百度输入框自动匹配功能
Jan 03 Javascript
使用jQuery制作遮罩层弹出效果的极简实例分享
May 12 Javascript
js无法获取到html标签的属性的解决方法
Jul 26 Javascript
详解使用JS如何制作简单的ASCII图与单极图
Mar 31 Javascript
3分钟掌握常用的JS操作JSON方法总结
Apr 25 Javascript
js实现图片上传并预览功能
Aug 06 Javascript
详解vue如何使用rules对表单字段进行校验
Oct 17 Javascript
swiper实现异形轮播效果
Nov 28 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实现WEB动态网页静态
2006/10/09 PHP
深入PHP购物车模块功能分析(函数讲解,附源码)
2013/06/25 PHP
ThinkPHP学习笔记(一)ThinkPHP部署
2014/06/22 PHP
ThinkPHP基于PHPExcel导入Excel文件的方法
2014/10/15 PHP
PHP高并发和大流量解决方案整理
2021/03/09 PHP
5 cool javascript apps
2007/03/24 Javascript
extjs 学习笔记(一) 一些基础知识
2009/10/13 Javascript
javascript实现的基于金山词霸网络翻译的代码
2010/01/15 Javascript
dojo学习第一天 Tab选项卡 实现
2011/08/28 Javascript
setTimeout和setInterval的深入理解
2013/11/08 Javascript
推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
2015/12/13 Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
2016/10/28 Javascript
jquery css实现邮箱自动补全
2016/11/14 Javascript
jQuery插件FusionCharts绘制的3D饼状图效果实例【附demo源码下载】
2017/03/03 Javascript
Angular directive递归实现目录树结构代码实例
2017/05/05 Javascript
AngularJS select设置默认值的实现方法
2017/08/25 Javascript
微信小程序媒体组件详解(视频,音乐,图片)
2017/09/19 Javascript
ztree实现左边动态生成树右边为内容详情功能
2017/11/03 Javascript
详解layui弹窗父子窗口之间传参数的方法
2018/01/16 Javascript
js删除数组中某几项的方法总结
2019/01/16 Javascript
一步一步实现Vue的响应式(对象观测)
2019/09/02 Javascript
小程序实现可拖动的悬浮按钮
2020/09/07 Javascript
OpenLayers加载缩放控件使用方法详解
2020/09/25 Javascript
vue实现广告栏上下滚动效果
2020/11/26 Vue.js
vue实现简易的双向数据绑定
2020/12/29 Vue.js
[01:01:51]EG vs VG Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
Python 文件和输入输出小结
2013/10/09 Python
新手常见6种的python报错及解决方法
2018/03/09 Python
python如何让类支持比较运算
2018/03/20 Python
Python unittest模块用法实例分析
2018/05/25 Python
Python嵌套式数据结构实例浅析
2019/03/05 Python
在Python中利用pickle保存变量的实例
2019/12/30 Python
英国工作场所设备购买网站:Slingsby
2019/05/03 全球购物
大学学生会竞选演讲稿
2014/04/25 职场文书
让生命充满爱观后感
2015/06/08 职场文书
python神经网络学习 使用Keras进行简单分类
2022/05/04 Python