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

 更新时间:2020年02月16日 10:56:27   作者:晚风拂轻舟  
在本篇文章里小编给大家整理的是关于卸载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差不多。

以上就是脚本之家小编整理的相关内容,希望能够帮助到大家。

相关文章

  • vue之数据交互实例代码

    vue之数据交互实例代码

    本篇文章主要介绍了vue之数据交互实例代码,vue中也存在像ajax和jsonp的数据交互,实现向服务器获取数据,有兴趣的可以了解一下
    2017-06-06
  • 用vue-cli开发vue时的代理设置方法

    用vue-cli开发vue时的代理设置方法

    今天小编就为大家分享一篇用vue-cli开发vue时的代理设置方法,具有很好的参考价值。希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • vue使用file-saver本地文件导出功能

    vue使用file-saver本地文件导出功能

    这篇文章主要介绍了vue使用file-saver本地文件导出,大家需要安装xlsx和file-saver,然后创建localExports.js文件,具体实现代码跟随小编一起看看吧
    2022-01-01
  • Vue 解决路由过渡动画抖动问题(实例详解)

    Vue 解决路由过渡动画抖动问题(实例详解)

    这篇文章主要介绍了Vue 解决路由过渡动画抖动问题,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-01-01
  • ant-design-vue table分页onShowSizeChange后的pageNo解决

    ant-design-vue table分页onShowSizeChange后的pageNo解决

    这篇文章主要介绍了ant-design-vue table分页onShowSizeChange后的pageNo的问题及解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-04-04
  • Vue实现6位数密码效果

    Vue实现6位数密码效果

    这篇文章主要为大家详细介绍了Vue实现6位数密码,优化iOS WebView卡顿,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • vue全局挂载实现APP全局弹窗的示例代码

    vue全局挂载实现APP全局弹窗的示例代码

    本文主要介绍了vue全局挂载实现APP全局弹窗的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-05-05
  • Vue打包后访问静态资源路径问题

    Vue打包后访问静态资源路径问题

    在本篇文章里小编给各位整理的是关于Vue打包后访问静态资源路径问题相关知识点,需要的朋友们学习下。
    2019-11-11
  • 五分钟理解keep alive用法及原理

    五分钟理解keep alive用法及原理

    这篇文章主要为大家介绍了keep alive用法及原理示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 使用sessionStorage解决vuex在页面刷新后数据被清除的问题

    使用sessionStorage解决vuex在页面刷新后数据被清除的问题

    localStorage没有时间期限,除非将它移除,sessionStorage即会话,当浏览器关闭时会话结束,有时间期限,具有自行百度。本文使用的是sessionStorage解决vuex在页面刷新后数据被清除的问题,需要的朋友可以参考下
    2018-04-04

最新评论