卸载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 相关文章推荐
Packer 3.0 JS压缩及混淆工具 下载
May 03 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
Aug 27 Javascript
基于Jquery的实现回车键Enter切换焦点
Sep 14 Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 Javascript
js获取键盘按键响应事件(兼容各浏览器)
May 16 Javascript
js 作用域和变量详解
Feb 16 Javascript
JS仿QQ好友列表展开、收缩功能(第二篇)
Jul 07 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
May 04 Javascript
全面解析vue router 基本使用(动态路由,嵌套路由)
Sep 02 Javascript
详解如何理解vue的key属性
Apr 14 Javascript
JS中的算法与数据结构之二叉查找树(Binary Sort Tree)实例详解
Aug 16 Javascript
Ajax 的初步实现(使用vscode+node.js+express框架)
Jun 18 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实现像JSP,ASP里Application那样的全局变量
2007/01/12 PHP
Drupal 添加模块出现莫名其妙的错误的解决方法(往往出现在模块较多时)
2011/04/18 PHP
浅析php中抽象类和接口的概念以及区别
2013/06/27 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
2011/09/22 Javascript
location.href用法总结(最主要的)
2013/12/27 Javascript
form表单action提交的js部分与html部分
2014/01/07 Javascript
技术男用来对妹子表白的百度首页
2014/07/23 Javascript
javascript多行字符串的简单实现方式
2015/05/04 Javascript
常用的js方法合集
2017/03/10 Javascript
tab栏切换原理
2017/03/22 Javascript
对象不支持indexOf属性或方法的解决方法(必看)
2017/05/28 Javascript
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
JavaScript函数中的this四种绑定形式
2017/08/15 Javascript
JS实现访问DOM对象指定节点的方法示例
2018/04/04 Javascript
完美解决linux下node.js全局模块找不到的情况
2018/05/16 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
2018/08/30 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
2018/11/25 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
2019/04/04 Javascript
vue实现日历备忘录功能
2020/09/24 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
2019/08/26 Javascript
微信小程序实现二维码签到考勤系统
2020/01/16 Javascript
node 版本切换的实现
2020/02/02 Javascript
Python列表list内建函数用法实例分析【insert、remove、index、pop等】
2017/07/24 Python
Python如何调用外部系统命令
2019/08/07 Python
使用Python制作一个打字训练小工具
2019/10/01 Python
jupyter notebook参数化运行python方式
2020/04/10 Python
利用CSS3的checked伪类实现OL的隐藏显示的方法
2010/12/18 HTML / CSS
澳大利亚家用电器在线商店:Billy Guyatts
2020/05/05 全球购物
大学应届毕业生个人求职信
2013/09/23 职场文书
《雪儿》教学反思
2014/04/17 职场文书
授权委托书样本
2014/09/25 职场文书
建筑质检员岗位职责
2015/04/08 职场文书
2015年九一八事变纪念活动实施方案
2015/05/06 职场文书
简述python四种分词工具,盘点哪个更好用?
2021/04/13 Python
python中tkinter复选框使用操作
2021/11/11 Python