卸载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增加join方法的实现代码
Nov 28 Javascript
一个js控制的导航菜单实例代码
Dec 03 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
Sep 25 Javascript
jQuery类选择器用法实例
Dec 23 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
Apr 02 Javascript
利用浮层使select不可选的实现方法
Dec 03 Javascript
bootstrap laydate日期组件使用详解
Jan 04 Javascript
很棒的一组js图片轮播特效
Jan 12 Javascript
微信小程序 图片宽高自适应详解
May 11 Javascript
Vue 监听列表item渲染事件方法
Sep 06 Javascript
cordova+vue+webapp使用html5获取地理位置的方法
Jul 06 Javascript
Vue中keep-alive的两种应用方式
Jul 15 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中与数组相关的函数
2007/03/22 PHP
php获取指定(访客)IP所有信息(地址、邮政编码、国家、经纬度等)的方法
2015/07/06 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
6个常见的 PHP 安全性攻击实例和阻止方法
2020/12/16 PHP
js tab 选项卡
2009/04/26 Javascript
玩转jQuery按钮 请告诉我你最喜欢哪些?
2012/01/08 Javascript
JS打开图片另存为对话框实现代码
2012/12/26 Javascript
jQuery使用height()获取高度需要注意的地方
2014/12/13 Javascript
javascript获取文档坐标和视口坐标
2015/05/26 Javascript
jquery滚动条插件slimScroll使用方法
2017/02/09 Javascript
JS自定义函数实现时间戳转换成date的方法示例
2017/08/27 Javascript
微信小程序实现倒计时调用相机自动拍照功能
2018/06/10 Javascript
Swiper.js实现移动端元素左右滑动
2019/09/08 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
2020/04/26 Javascript
vue中的循环对象属性和属性值用法
2020/09/04 Javascript
Vue实现摇一摇功能(兼容ios13.3以上)
2021/01/26 Vue.js
[16:27]DOTA2 HEROS教学视频教你分分钟做大人-艾欧
2014/06/11 DOTA
Tornado Web服务器多进程启动的2个方法
2014/08/04 Python
使用Python脚本操作MongoDB的教程
2015/04/16 Python
Python编程中用close()方法关闭文件的教程
2015/05/24 Python
Python HTML解析器BeautifulSoup用法实例详解【爬虫解析器】
2019/04/05 Python
Python 3 实现定义跨模块的全局变量和使用教程
2019/07/07 Python
使用Python实现微信拍一拍功能的思路代码
2020/07/09 Python
Python爬虫与反爬虫大战
2020/07/30 Python
pymysql模块使用简介与示例
2020/11/17 Python
如何获取某个日期是当月的最后一天
2013/12/05 面试题
重写子类方法时,抛出异常的书写注意事项
2015/10/17 面试题
行政总监岗位职责
2013/12/05 职场文书
便利店投资创业计划书
2014/02/08 职场文书
试用期转正后的自我评价
2014/09/21 职场文书
社区党建工作总结2015
2015/05/13 职场文书
2016年国庆节宣传标语
2015/11/25 职场文书
施工安全责任协议书
2016/03/23 职场文书
导游词之南京栖霞山
2019/10/18 职场文书
教你如何使用Python开发一个钉钉群应答机器人
2021/06/21 Python