卸载vue2.0并升级vue_cli3.0的实例讲解

今天来学习vue3.0，之前使用的是vue2.0现在用3.0的话你可以升级，也可以卸载再重装.我这里就是卸载重装啦。

第一步我们卸载全局的vue2.0 。你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

卸载完之后你可以使用vue -V 或者 vue -version在命令行输入来查看有无vue 一般情况下肯定是会卸载完毕的

我们来进行vue.30的安装

打开命令行 输入npm install -g @vue/cli-init   这个就是会安装全局的vue3.0版本。安装好之后我们也可以vue -V查看当前vue的版本。我目前安装的3.5.3版本的。

当然这时候会有人想 那我之前vue2.0的项目怎么办？不用急，vue官网给了一个版本之前的桥接工具npm install -g @vue/cli-init

下载完后我们可以打开vue2.0的项目 npm run dev 运行就可以了。

开始创建vue项目，打开你需要创建文件的目录，打开命令行输入 vue create 项目名称，点击回车

这里有三个选项，你可以选择第一个，或者第二个一路回车就好。

创建好之后我们就可以通过npm run serve 来开启项目啦。

我们在之前的命令行中cd 刚才的文件名 进入后 npm run serve ，如果不是在vue项目中运行会报错的哦

说说vue2.0和vue3.0的区别：

vue3.0减少了build 和 config文件夹，其他用法和vue2.0差不多。

以上就是我们小编整理的相关内容，希望能够帮助到大家。

赞 (0)

相关推荐

  • 卸载vue2.0并升级vue_cli3.0的实例讲解

    今天来学习vue3.0,之前使用的是vue2.0现在用3.0的话你可以升级,也可以卸载再重装.我这里就是卸载重装啦. 第一步我们卸载全局的vue2.0 .你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它. 卸载完之后你可以使用vue -V 或者 vue -version在命令行输入来查看有无vue 一般情况下肯定是会卸载完毕的 我们来进行vue.30的安装 打开命令行 输入npm install -g @vue/cl

  • Thymeleaf 3.0 自定义标签方言属性的实例讲解

    此篇文章内容仅限于 描述 thy3.0 自定义标签的说明,所以你在看之前,请先会使用它. 直奔主题,以下代码是如何引用 第三方标签的.说明: shrioDialect 是Shiro 官方为thy开发的自定义标签工具.和jsp的一样 RiskDialect 是我写的自定义标签 <bean id="templateEngine" class="org.thymeleaf.spring3.SpringTemplateEngine"> <property

  • win2008下mysql8.0.11升级mysql8.0.17版本详细步骤

    升级背景: 为了解决mysql低版本的漏洞,从mysql5.5升级到了8.0.11版本,再次升级到了8.0.17版本(从版本是2019.7.22发布) mysql8.0.10以上的版本,安装步骤基本一样 经过学习,得知: MySQL的升级方式分为两种:原地升级和逻辑升级.这两种升级方式,本质没有什么区别的.只是在对数据文件的处理上有些区别而已.原地升级是直接将数据文件进行拷贝,而逻辑升级对数据文件的处理方式是通过逻辑导出导入,需要用到mysqldump. 逻辑升级大家都理解,这种方式在数据量比较

  • Asp.Mvc 2.0用户的编辑与删除实例讲解(5)

    Asp.Mvc 2.0用户的编辑与删除实例讲解(5)

    这一节来给大家演示下怎么对用户信息进行修改和删除用户,主要包括以下内容 1.显示所有用户 2.编辑用户 3.删除用户 1.显示所有用户   我们把所有用户信息查询出来,以表格形式在页面上显示,效果图如下: 首先把所有用户信息显示在index页面上.找到index页面对应的controller,然后查找出所有用户信息,把查找出的用户集合放在viewdata里面  Controller代码: public ActionResult Index() { //查询出所有用户 DataSet ds = n

  • MySQL5.7升级MySQL8.0的完整卸载与安装及连接Navicat的步骤

    目录 1.卸载MySQL5.7.24 1.备份整个数据库文件 2.停止MySQL服务 3.控制面板卸载程序 4.删除系统隐藏文件夹中的相应目录 5.清理注册表 2.安装MySQL8.0.28 3.连接Navicat 总结 1.卸载MySQL5.7.24 1.备份整个数据库文件 mysqldump -hlocalhost -uroot -p1234 --all-databases > 文件地址 2.停止MySQL服务 Win+R 输入services.msc 找到Mysql服务,停止服务 3.控制

  • webpack3.0升级4.0的方法步骤

    1.webpack 3.11升级4.26 为了提升打包效率,在webpack3.11基础之上做了升级,webpack4.0发布以来,零配置的webpack对项目本身提供的"打包"和"压缩"功能已经做了优化,如果在项目开始使用4.0而不用vue-cli的默认配置,遇到的问题或许能少一些. 2. 安装/升级依赖 这些依赖有的是在build过程中发现依赖有新的替换或者报错,逐步替换的,如果想遇到多个坑,可以先把webpack.webpack-cli升级到对应版本 devD

  • CentOS7环境下gcc（版本10.2.0）升级详细过程

    CentOS7环境下gcc（版本10.2.0）升级详细过程

    目录 简短介绍 1.查看当前gcc版本 2.下载gcc安装包(10.2.0版本) 3.解压安装包 4.下载依赖库 5.安装系统必须包模块 6.创建编译目录 7.生成Makefile文件 说明: 8.编译 9.安装 10.配置libstdc++.so 11.配置环境变量 总结 简短介绍 大家好,今天给大家分享gcc编译器的升级方法.在linux系统中其实已经自带了gcc编译器,但是版本比较低.目前有些开源工具例如:Apache Doris在安装时需要更高版本的gcc 5.3.1+以上版本编译器才能

  • ORACLE 11g从 11.2.0.1升级到11.2.0.4 详细实战教程

    ORACLE 11g从 11.2.0.1升级到11.2.0.4 详细实战教程

     1.准备安装 查看当前oracle版本,确定是比较旧的11.2.0.1 [oracle@hch_test_121_90 ~]$ rlwrap sqlplus / as sysdba SQL*Plus: Release 11.2.0.1.0 Production on Fri Mar 17 15:20:45 2017 Copyright (c) 1982, 2009, Oracle. All rights reserved. Connected to: Oracle Database 11g E

  • Vue2.0基于vue-cli+webpack Vuex的用法(实例讲解)

    在这之前,我已经分享过组件与组件的通信机制以及父子组件之间的通信机制,而我们的vuex就是为了解决组件通信问题的 vuex是什么东东呢? 组件通信的本质其实就是在组件之间传递数据或组件的状态(这里将数据和状态统称为状态),但可以看到如果我们通过最基本的方式来进行通信,一旦需要管理的状态多了,代码就会变得十分臃肿和庞大.对所有状态的管理便会显得力不从心,因此,vuex出现了,他就是帮助我们把公用的状态全抽出来放在vuex的容器中,然后根据一定的规则来进行管理,我们赶紧来用一下吧,想要掌握vuex的

  • Vue2.0 axios前后端登陆拦截器(实例讲解)

    Vue2.0 axios前后端登陆拦截器(实例讲解)

    vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐使用axios.前段时间第一次在项目里用到vue,关于登陆问题,这里写一下心得. 首先后端: import org.springframework.web.servlet.handler.HandlerInterceptorAdapter; import com.lovnx.gateway.po.User; import javax.servlet.http.HttpServletRequest; import jav

随机推荐