卸载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 相关文章推荐
dojo 之基础篇(二)之从服务器读取数据
Mar 24 Javascript
Javascript单元测试框架QUnitjs详细介绍
May 08 Javascript
javascript父子页面通讯实例详解
Jul 17 Javascript
jquery+css3实现会动的小圆圈效果
Jan 27 Javascript
Vue过滤器的用法和自定义过滤器使用
Feb 08 Javascript
Vuex模块化实现待办事项的状态管理
Mar 15 Javascript
Vue实战之vue登录验证的实现代码
Oct 31 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
Apr 24 Javascript
vue 根据数组中某一项的值进行排序的方法
Aug 30 Javascript
vue中render函数的使用详解
Oct 12 Javascript
JavaScript动态添加数据到表单并提交的几种方式
Jun 26 Javascript
前端 javascript 实现文件下载的示例
Nov 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
win7+apache+php+mysql环境配置操作详解
2013/06/10 PHP
PHP的变量类型和作用域详解
2014/03/12 PHP
PHP文件系统管理(实例讲解)
2017/09/19 PHP
把textarea中字符串里含有的回车换行替换成<br>的javascript代码
2007/04/20 Javascript
jquery UI 1.72 之datepicker
2009/12/29 Javascript
用Javascript评估用户输入密码的强度实现代码
2011/11/30 Javascript
利用毫秒减值计算时长的js代码
2013/09/22 Javascript
基于NodeJS的前后端分离的思考与实践(五)多终端适配
2014/09/26 NodeJs
JavaScript中使用Object.prototype.toString判断是否为数组
2015/04/01 Javascript
常用的Javascript数据验证插件
2015/08/04 Javascript
jQuery实现高亮显示网页关键词的方法
2015/08/07 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
2015/11/25 Javascript
理解Javascript图片预加载
2016/02/23 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
2016/07/18 Javascript
jquery鼠标悬停导航下划线滑出效果
2017/09/29 jQuery
基于Koa(nodejs框架)对json文件进行增删改查的示例代码
2019/02/02 NodeJs
node.js中Buffer缓冲器的原理与使用方法分析
2019/11/23 Javascript
Vue实现圆环进度条的示例
2021/02/06 Vue.js
[04:05]TI9战队采访 - Natus Vincere
2019/08/22 DOTA
Python内建函数之raw_input()与input()代码解析
2017/10/26 Python
Python 读取串口数据,动态绘图的示例
2019/07/02 Python
使用python实现ftp的文件读写方法
2019/07/02 Python
python 成功引入包但无法正常调用的解决
2020/03/09 Python
Django怎么在admin后台注册数据库表
2020/11/14 Python
美国网上购买眼镜:Eyeconic
2017/07/29 全球购物
.NET现在共支持多少种语言
2014/02/26 面试题
药剂专业求职信
2014/06/20 职场文书
2014物价局民主生活会对照检查材料思想汇报
2014/09/24 职场文书
异地年检委托书范本
2014/09/24 职场文书
安全保证书怎么写
2015/02/28 职场文书
学校2015年纠风工作总结
2015/05/15 职场文书
2015年电气技术员工作总结
2015/07/24 职场文书
会计手工模拟做账心得体会
2016/01/22 职场文书
乡镇团代会开幕词
2016/03/04 职场文书
Java用自带的Image IO给图片添加水印
2021/06/15 Java/Android
分布式架构Redis中有哪些数据结构及底层实现原理
2022/03/13 Redis