卸载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 相关文章推荐
javascript 在网页中的运用(asp.net)
Nov 23 Javascript
屏蔽F1~F12的快捷键的js函数
May 06 Javascript
js Dialog 实践分享
Oct 22 Javascript
Google Dart编程语法和基本类型学习教程
Nov 27 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
Nov 24 Javascript
鼠标点击input,显示瞬间的边框颜色,对之修改与隐藏实例
Dec 26 Javascript
JavaScript数据结构之二叉树的计数算法示例
Apr 13 Javascript
详解微信小程序 template添加绑定事件
Jun 23 Javascript
vue实现点击图片放大效果
Aug 15 Javascript
AngularJS表单验证功能
Oct 19 Javascript
原生js实现3D轮播图
Mar 21 Javascript
解决layui的radio属性或别的属性没显示出来的问题
Sep 26 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
PHP5中新增stdClass 内部保留类
2011/06/13 PHP
yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析
2016/01/09 PHP
PHP创建文件,并向文件中写入数据,覆盖,追加的实现代码
2016/03/25 PHP
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
2014/01/27 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
跟我学Nodejs(二)--- Node.js事件模块
2014/05/21 NodeJs
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
2015/10/16 Javascript
js获取form表单所有数据的简单方法
2016/08/18 Javascript
js实现对table的增加行和删除行的操作方法
2016/10/13 Javascript
详解nodejs微信公众号开发——3.封装消息响应模块
2017/04/10 NodeJs
JS高阶函数原理与用法实例分析
2019/01/15 Javascript
性能优化篇之Webpack构建速度优化的建议
2019/04/03 Javascript
JavaScript常用工具函数汇总(浏览器环境)
2020/09/17 Javascript
element-ui封装一个Table模板组件的示例
2021/01/04 Javascript
[36:05]完美世界DOTA2联赛循环赛 Forest vs DM 第一场 11.06
2020/11/06 DOTA
从零学Python之入门(三)序列
2014/05/25 Python
Python优化技巧之利用ctypes提高执行速度
2016/09/11 Python
简单的python后台管理程序
2017/04/13 Python
python多维数组切片方法
2018/04/13 Python
Python爬虫之网页图片抓取的方法
2018/07/16 Python
解决python写入带有中文的字符到文件错误的问题
2019/01/31 Python
python opencv 读取图片 返回图片某像素点的b,g,r值的实现方法
2019/07/03 Python
python自定义函数实现最大值的输出方法
2019/07/09 Python
x-ua-compatible content=”IE=7, IE=9″意思理解
2013/07/22 HTML / CSS
HTML5页面音视频在微信和app下自动播放的实现方法
2016/10/20 HTML / CSS
基于HTML5的WebGL经典3D虚拟机房漫游动画
2017/11/15 HTML / CSS
阿玛尼化妆品美国官网:Giorgio Armani Beauty
2017/02/02 全球购物
会计电算化学生个人的自我评价
2014/02/08 职场文书
2014婚礼司仪主持词
2014/03/14 职场文书
危爆物品安全大检查大整治工作方案
2014/05/03 职场文书
营销与策划实训报告
2014/11/05 职场文书
党员心得体会范文2016
2016/01/23 职场文书
导游词之秦皇岛燕塞湖
2020/01/03 职场文书
一篇文章带你了解Python和Java的正则表达式对比
2021/09/15 Python
微软发布Windows 11今年最大更新22H2(附 ISO 镜像官方下载)
2022/09/23 数码科技