卸载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 继承实例分析
Nov 04 Javascript
jQuery中绑定事件的命名空间详解
Apr 05 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
Apr 08 Javascript
关于JS中的闭包浅谈
Aug 23 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 Javascript
javascript结合ajax读取txt文件内容
Dec 05 Javascript
js文本框输入内容智能提示效果
Dec 02 Javascript
jQuery删除当前节点元素
Dec 07 Javascript
javascript 开发之百度地图使用到的js函数整理
May 19 Javascript
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
JS highcharts动态柱状图原理及实现
Oct 16 Javascript
vue keep-alive实现多组件嵌套中个别组件存活不销毁的操作
Oct 30 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 运行效率总结(提示程序速度)
2009/11/26 PHP
MySQL的FIND_IN_SET函数使用方法分享
2012/03/27 PHP
php实现在线生成条形码示例分享(条形码生成器)
2013/12/30 PHP
函数中使用require_once问题深入探讨 优雅的配置文件定义方法推荐
2014/07/02 PHP
php中print(),print_r(),echo()的区别详解
2014/12/01 PHP
php获取一定范围内取N个不重复的随机数
2016/05/28 PHP
PHP list() 将数组中的值赋给变量的简单实例
2016/06/13 PHP
PHP查看SSL证书信息的方法
2016/09/22 PHP
PHP convert_cyr_string()函数讲解
2019/02/13 PHP
jQuery 白痴级入门教程
2009/11/11 Javascript
JavaScript 字符串与数组转换函数[不用split与join]
2009/12/13 Javascript
jquery定时滑出可最小化的底部提示层特效代码
2013/10/02 Javascript
详解JavaScript时间格式化
2015/12/23 Javascript
JS简单去除数组中重复项的方法
2016/09/13 Javascript
学习vue.js中class与style绑定
2016/12/03 Javascript
jQuery 实现图片的依次加载图片功能
2017/07/06 jQuery
VueRouter导航守卫用法详解
2017/12/25 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
2017/12/29 Javascript
vuex 使用文档小结篇
2018/01/11 Javascript
vue2.0学习之axios的封装与vuex介绍
2018/05/28 Javascript
通过JS运行机制的角度说说作用域
2019/03/12 Javascript
快速对接payjq的个人微信支付接口过程解析
2019/08/15 Javascript
Javascript模块化机制实现原理详解
2020/04/02 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
2020/04/27 Javascript
解决vue addRoutes不生效问题
2020/08/04 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
2020/08/17 Javascript
[03:52]DOTA2英雄基础教程 酒仙
2013/12/23 DOTA
[02:03]DOTA2亚洲邀请赛 HGT战队出场宣传片
2015/02/07 DOTA
python之DataFrame实现excel合并单元格
2021/02/22 Python
HTML5标签与HTML4标签的区别示例介绍
2013/07/18 HTML / CSS
高中军训广播稿
2014/01/14 职场文书
助人为乐表扬信范文
2014/01/14 职场文书
劳动模范事迹材料
2014/01/19 职场文书
工会2014法制宣传日活动总结
2014/11/01 职场文书
刑事上诉状(无罪)
2015/05/23 职场文书
办公室卫生管理制度
2015/08/04 职场文书