卸载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 获取表单file全路径
Dec 31 Javascript
Javascript简单实现可拖动的div
Oct 22 Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
Jan 31 Javascript
jquery.Ajax()方法调用Asp.Net后台的方法解析
Feb 13 Javascript
jQuery中parent()方法用法实例
Jan 07 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
Dec 13 Javascript
JavaScript实现Base64编码转换
Apr 23 Javascript
JavaScript中的Reflect对象详解(ES6新特性)
Jul 22 Javascript
js鼠标跟随运动效果
Mar 11 Javascript
Vue中v-for的数据分组实例
Mar 07 Javascript
webpack@v4升级踩坑(小结)
Oct 08 Javascript
Electron中实现大文件上传和断点续传功能
Oct 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
初学者入门:细述PHP4的核心Zend
2006/09/05 PHP
PHP集成FCK的函数代码
2008/09/27 PHP
php单例模式的简单实现方法
2016/06/10 PHP
php批量修改表结构实例
2017/05/24 PHP
详谈symfony window下的安装 安装时候出现的问题以及解决方法
2017/09/28 PHP
php在linux环境中如何使用redis详解
2020/12/15 PHP
JS的反射问题
2010/04/07 Javascript
javascript中的绑定与解绑函数应用示例
2013/06/24 Javascript
javascript阻止scroll事件多次执行的思路及实现
2013/11/08 Javascript
jQuery中ScrollTo用法示例
2016/09/04 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
2017/02/20 Javascript
浅谈Vue.js路由管理器 Vue Router
2018/08/16 Javascript
vue + element-ui的分页问题实现
2018/12/17 Javascript
vue实现的请求服务器端API接口示例
2019/05/25 Javascript
Vue 修改网站图标的方法
2020/12/31 Vue.js
[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python 文件读写操作实例详解
2014/03/12 Python
Python设计足球联赛赛程表程序的思路与简单实现示例
2016/06/28 Python
利用Python小工具实现3秒钟将视频转换为音频
2019/10/29 Python
如何基于python操作excel并获取内容
2019/12/24 Python
python深copy和浅copy区别对比解析
2019/12/26 Python
Python如何访问字符串中的值
2020/02/09 Python
Django admin管理工具TabularInline类用法详解
2020/05/14 Python
python中执行smtplib失败的处理方法
2020/07/01 Python
python 基于opencv实现图像增强
2020/12/23 Python
解决html5中video标签无法播放mp4问题的办法
2017/05/07 HTML / CSS
Omio波兰:全欧洲低价大巴、火车和航班搜索和比价
2018/02/16 全球购物
豪华床上用品 :Jennifer Adams
2019/09/15 全球购物
Magee 1866官网:Donegal粗花呢外套和大衣专家
2019/11/01 全球购物
Guess荷兰官网:美国服饰品牌
2020/01/22 全球购物
企业管理专业个人求职信范文
2013/09/24 职场文书
小松树教学反思
2014/02/11 职场文书
防灾减灾日活动总结
2014/08/26 职场文书
2015新年寄语大全
2014/12/08 职场文书
出租车拒载检讨书
2015/01/28 职场文书
汤姆索亚历险记读书笔记
2015/06/29 职场文书