卸载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 动态将数字金额转化为中文大写金额
May 14 Javascript
jquery miniui 教程 表格控件 合并单元格应用
Nov 25 Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
Jun 14 Javascript
使用CamanJS在Web页面上处理图像的技巧
Aug 18 Javascript
Jquery promise实现一张一张加载图片
Nov 13 Javascript
JS取数字小数点后两位或n位的简单方法
Oct 24 Javascript
轻松理解Javascript变量的相关问题
Jan 20 Javascript
jQuery实现字符串全部替换的方法【推荐】
Mar 09 Javascript
javascript 判断一个对象为数组的方法
May 03 Javascript
vue移动端下拉刷新和上拉加载的实现代码
Sep 08 Javascript
Vue使用screenfull实现全屏效果
Sep 17 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中获取文件创建日期、修改日期、访问时间的方法
2016/11/05 PHP
Smarty日期时间操作方法示例
2016/11/15 PHP
PHP编程求最大公约数与最小公倍数的方法示例
2017/05/29 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
xml分页+ajax请求数据源+dom取结果实例代码
2008/10/31 Javascript
JavaScript库 开发规则
2009/01/31 Javascript
innerText和textContent对比及使用介绍
2013/02/27 Javascript
用nodejs写的一个简单项目打包工具
2013/05/11 NodeJs
可兼容IE的获取及设置cookie的jquery.cookie函数方法
2013/09/02 Javascript
使用jquery自定义鼠标样式满足个性需求
2013/11/05 Javascript
nodejs URL模块操作URL相关方法介绍
2015/03/03 NodeJs
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
Node.js中JavaScript操作MySQL的常用方法整理
2016/03/01 Javascript
js简单倒计时实现代码
2016/04/30 Javascript
浅谈JavaScript中变量和函数声明的提升
2016/08/09 Javascript
BootStrap iCheck插件全选与获取value值的解决方法
2016/08/24 Javascript
Js实现京东无延迟菜单效果实例(demo)
2017/06/02 Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
2018/09/03 jQuery
详解vue移动端项目代码拆分记录
2019/03/15 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
2019/06/04 Javascript
vue分页器组件编写方法详解
2019/06/28 Javascript
JavaScript实现简单动态表格
2020/12/02 Javascript
python完成FizzBuzzWhizz问题(拉勾网面试题)示例
2014/05/05 Python
使用python批量化音乐文件格式转换的实例
2019/01/09 Python
PyQt5实现类似别踩白块游戏
2019/01/24 Python
Python 经典算法100及解析(小结)
2019/09/13 Python
Python模块汇总(常用第三方库)
2019/10/07 Python
基于python使用tibco ems代码实例
2019/12/20 Python
Pyinstaller加密打包应用的示例代码
2020/06/11 Python
Python3中对json格式数据的分析处理
2021/01/28 Python
python matplotlib工具栏源码探析二之添加、删除内置工具项的案例
2021/02/25 Python
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
励志演讲稿300字
2014/08/21 职场文书
公司费用报销管理制度
2015/08/04 职场文书
2016年社区“6.26”禁毒日宣传活动总结
2016/04/05 职场文书