卸载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实现元素渐隐/渐现(原理为修改元素的css透明度)
Jun 24 Javascript
JQuery处理json与ajax返回JSON实例代码
Jan 03 Javascript
javascript的document.referrer浏览器支持、失效情况总结
Jul 18 Javascript
jQuery获取标签文本内容和html内容的方法
Mar 27 Javascript
如何让一个json文件显示在表格里【实现代码】
May 09 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
JS实现控制文本框的内容
Jul 10 Javascript
微信小程序 底部导航栏目开发资料
Dec 05 Javascript
vue2.0在table中实现全选和反选的示例代码
Nov 04 Javascript
详解使用webpack构建多页面应用
Dec 21 Javascript
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
解决Layui中layer报错的问题
Sep 03 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
特详细的PHPMYADMIN简明安装教程
2008/08/01 PHP
php面向对象全攻略 (三)特殊的引用“$this”的使用
2009/09/30 PHP
php iconv() : Detected an illegal character in input string
2010/12/05 PHP
PHP无限分类(树形类)
2013/09/28 PHP
PHP间隔一段时间执行代码的方法
2014/12/02 PHP
php 问卷调查结果统计
2015/10/08 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
在Win2003(64位)中配置IIS6+PHP5.2.17+MySQL5.5的运行环境
2016/04/04 PHP
PHP实现防止表单重复提交功能【基于token验证】
2018/05/24 PHP
php 多个变量指向同一个引用($b = &$a)用法分析
2019/11/13 PHP
Thinkphp 框架基础之入口文件功能、定义与用法分析
2020/04/27 PHP
jQuery 改变CSS样式基础代码
2010/02/11 Javascript
js获取当前日期代码适用于网页头部
2013/06/27 Javascript
JavaScript框架(iframe)操作总结
2014/04/16 Javascript
利用js制作html table分页示例(js实现分页)
2014/04/25 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
jquery实现在光标位置插入内容的方法
2015/02/05 Javascript
AngularJS过滤器filter用法分析
2016/12/11 Javascript
动态内存分配导致影响Javascript性能的问题
2018/12/18 Javascript
bootstrap-treeview实现多级树形菜单 后台JSON格式如何组织?
2019/07/26 Javascript
node使用request请求的方法
2019/12/20 Javascript
Python对两个有序列表进行合并和排序的例子
2014/06/13 Python
Python有序查找算法之二分法实例分析
2017/12/11 Python
Python中的 enum 模块源码详析
2019/01/09 Python
对Python协程之异步同步的区别详解
2019/02/19 Python
python opencv实现gif图片分解的示例代码
2019/12/13 Python
在python中使用pyspark读写Hive数据操作
2020/06/06 Python
Python日志器使用方法及原理解析
2020/09/27 Python
python 实现的IP 存活扫描脚本
2020/12/10 Python
轻松掌握CSS3中的字体大小单位rem的使用方法
2016/05/24 HTML / CSS
欧洲顶级体育电子商务网站:SportsShoes.com
2018/03/27 全球购物
PHP面试题及答案二
2015/05/23 面试题
JAVA程序设计笔试题面试题一套
2015/07/28 面试题
2016简历自荐信优秀范文
2016/01/29 职场文书
Nginx解决前端访问资源跨域问题的方法详解
2021/03/31 Servers
教你使用Python pypinyin库实现汉字转拼音
2021/05/27 Python