卸载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 相关文章推荐
CutePsWheel javascript libary 控制输入文本框为可使用滚轮控制的js库
Feb 07 Javascript
JQuery实现绚丽的横向下拉菜单
Dec 19 Javascript
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
Feb 15 Javascript
jQuery插件jquery-barcode实现条码打印的方法
Nov 25 Javascript
javascript设置页面背景色及背景图片的方法
Dec 29 Javascript
jquery跟随屏幕滚动效果的实现代码
Apr 13 Javascript
如何使用jquery修改css中带有!important的样式属性
Apr 28 Javascript
jquery实现转盘抽奖功能
Jan 06 Javascript
CSS3+JavaScript实现翻页幻灯片效果
Jun 28 Javascript
使用AngularJS编写多选按钮选中时触发指定方法的指令代码详解
Jul 24 Javascript
axios 实现post请求时把对象obj数据转为formdata
Oct 31 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 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初学者的8点有效建议
2010/11/20 PHP
我的php学习笔记(毕业设计)
2012/02/21 PHP
让元素在网页中可拖动示例代码
2013/08/13 Javascript
js使用DOM操作实现简单留言板的方法
2015/04/10 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
2015/08/25 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
2015/10/21 Javascript
javascript实现unicode与ASCII相互转换的方法
2015/12/10 Javascript
基于javascript实现动态时钟效果
2020/08/18 Javascript
酷炫jQuery全屏3D焦点图动画效果
2016/03/22 Javascript
学习使用bootstrap基本控件(table、form、button)
2016/04/12 Javascript
谈谈target=_new和_blank的不同之处
2016/10/25 Javascript
JavaScript基础——使用Canvas绘图
2016/11/02 Javascript
Node.js使用NodeMailer发送邮件实例代码
2017/03/06 Javascript
js实现上下左右弹框划出效果
2017/03/08 Javascript
vue-cli 自定义指令directive 添加验证滑块示例
2017/10/19 Javascript
详解如何在webpack中做预渲染降低首屏空白时间
2018/08/22 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
2018/09/29 Javascript
vue双向绑定及观察者模式详解
2019/03/19 Javascript
Vue项目移动端滚动穿透问题的实现
2020/05/19 Javascript
vue+canvas实现移动端手写签名
2020/05/21 Javascript
利用python如何处理百万条数据(适用java新手)
2018/06/06 Python
自适应线性神经网络Adaline的python实现详解
2019/09/30 Python
Python使用OpenPyXL处理Excel表格
2020/07/02 Python
Python matplotlib模块及柱状图用法解析
2020/08/10 Python
如何使用Pytorch搭建模型
2020/10/26 Python
python实现简单猜单词游戏
2020/12/24 Python
机械电子工程专业推荐信范文
2013/11/20 职场文书
《彩色世界》教学反思
2014/04/12 职场文书
治庸问责心得体会
2014/09/12 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
2015年乡镇党务公开工作总结
2015/05/19 职场文书
红色电影观后感
2015/06/18 职场文书
外出听课学习心得体会
2016/01/15 职场文书
爱心捐款倡议书:点燃希望,传递温暖
2019/11/04 职场文书
python异常中else的实例用法
2021/06/15 Python
手写Spirit防抖函数underscore和节流函数lodash
2022/03/22 Javascript