如何升级Vue的版本 vue2.9.6升级到vue3.0

这篇具有很好参考价值的文章主要介绍了如何升级Vue的版本 vue2.9.6升级到vue3.0。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

背景:电脑使用多年,一直使用vue 2.x版本,项目开发过程中由于一个模块涉及的集成模块过多,导致需要进行定义的变量越来越多,代码出现冗余,因此在同事的推动下,鉴于vue 3.x的优化,故对自己本来使用的vue 2.9.6升级到vue 3.0版本。那么如何升级呢,请查阅如下步骤:

vue版本的升级主要步骤:

一、首先需要卸载你之前的vue2.9.6
使用快捷键win+R,出来“运行”界面:如何升级Vue的版本 vue2.9.6升级到vue3.0
输入cmd–>回车–>进入dos界面:
如何升级Vue的版本 vue2.9.6升级到vue3.0
输入命令查询vue的版本:

vue -V 
or
vue -Version

如何升级Vue的版本 vue2.9.6升级到vue3.0

输入命令卸载目前vue版本:

npm uninstall vue-cli -g

再输入vue版本查询命令,提示“不是可执行的命令”则表示卸载成功了。

二、安装新版本:
首先你要确保你的Node.js的版本高于vue 3 最低要求的版本。Vue CLI 3需要 nodeJs ≥ 8.9 (官方推荐 8.11.0+,你可以使用 nvm 或 nvm-windows在同一台电脑中管理多个 Node 版本)。
运行命令:

npm install -g @vue/cli
若安装不上使用下面命令进行安装
cnpm install -g @vue/cli

然后运行命令vue -V查看vue的版本
如果显示版本就说明成功了,我这里装过之后直接到最高版本了
出现了我以前v10.15.3版本的node.js不支持vue 3的使用。
如何升级Vue的版本 vue2.9.6升级到vue3.0
查询vue版本时候给出提示,说我的node版本太低了也需要升级。
如何升级Vue的版本 vue2.9.6升级到vue3.0
node.js升级:
node.js的升级的与vue的升级略有差别,不需要对上一个版本进行卸载,只需要去node.js官网下载自己需要的版本,我下载的是v12.22.5版本。
如何升级Vue的版本 vue2.9.6升级到vue3.0
双击改“msi”文件,一直“next”下去即可,直到“finish”。
输入node -v查询node版本,输入 vue -V 查询vue脚手架升级的版本。
如何升级Vue的版本 vue2.9.6升级到vue3.0

以上就是本人今天进行vue+node升级时候梳理出来的操作流程,有疑问的地方欢迎各位随时call我。文章来源地址https://www.toymoban.com/news/detail-402749.html

到了这里,关于如何升级Vue的版本 vue2.9.6升级到vue3.0的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 关于前端框架vue2升级为vue3的相关说明

    一些框架需要升级 当前(202306) Vue 的最新稳定版本是 v3.3.4 。Vue 框架升级为最新的3.0版本,涉及的相关依赖变更有: 前提条件:已安装 16.0 或更高版本的Node.js(摘) 必须的变更:核心库vue@23、路由vue-router@34、状态管理vuex@34 构建工具链: Vue CLI Vite(摘) 状态管理: Vuex Pi

    2024年02月15日
    浏览(48)
  • vue2升级为vue3 vuedraggable 拖动组件报错

    升级组件 npm i -S vuedraggable@next 使用示例 2、Item slot must have only one child 官方GitHub - SortableJS/vue.draggable.next: Vue 3 compatible drag-and-drop component based on Sortable.js  官方demo https://sortablejs.github.io/vue.draggable.next/#/two-lists

    2024年02月16日
    浏览(41)
  • 【前端vue升级】vue2+js+elementUI升级为vue3+ts+elementUI plus

    gogo code 是一个基于 AST (源代码的抽象语法结构树状表现形式)的 JavaScript/Typescript/HTML 代码转换工具,可以用它来构建一个代码转换程序来帮助自动化完成如框架升级、代码重构、多平台转换等工作。 当前 GoGoCode 支持解析和操作如下类型的代码: ○JavaScript(JSX) ○Typescript

    2024年02月12日
    浏览(51)
  • 使用Vue3和Vite升级你的Vue2+Webpack项目

    🌷🍁 博主猫头虎(🐅🐾)带您 Go to New World✨🍁 🦄 博客首页 ——🐅🐾猫头虎的博客🎐 🐳 《面试题大全专栏》 🦕 文章图文并茂🦖生动形象🐅简单易学!欢迎大家来踩踩~🌺 🌊 《IDEA开发秘籍专栏》 🐾 学会IDEA常用操作,工作效率翻倍~💐 🌊 《100天精通Golang(基础

    2024年02月09日
    浏览(68)
  • vue2+webpack升级vue3+vite,在vue3组合式编程中使用vuex

    同学们可以私信我加入学习群! 我的项目是从vue2+webpack升级为vue3+vite,这种升级工作,其实最重要的不是如何快速准确地把原有vue2项目全部重构为vue3项目,因为这是不现实的。 升级工作一定是一个长久的持续过程,所以如何保证旧的vue2项目与新的vue3模块之间互相兼容,才

    2024年01月18日
    浏览(55)
  • 怎们判断 Vue项目是 vue2 还是 vue3 版本

    判断一个 Vue 项目是基于 Vue 2 还是 Vue 3 版本可以通过一些明显的特征来进行区分。以下是一些常见的方法: 查看项目依赖 :打开项目的 package.json 文件,查看 vue 的版本号。 如果版本号是 2.x.x ,则项目是基于 Vue 2。例如: \\\"vue\\\": \\\"2.6.14\\\" 如果版本号是 3.x.x ,则项目是基于 Vu

    2024年02月14日
    浏览(41)
  • Vue2和Vue3的主要区别详解及版本的过渡历史变迁

    vue2简史: 作为前端的主流框架之一的 vue2 从 发布 到 停止维护 经历了 23 个主要版本更新,Vue 2.7 是当前、同时也是 最后一个 Vue 2.x 的次级版本更新。提供 18 个月的长期技术支持 (LTS:long-term support)。在此期间,Vue 2 将会 提供必要 的 bug 修复和安全修复,但 不再提供新特性

    2024年03月23日
    浏览(62)
  • Vue3学习笔记(9.6)

    Vue3混入 混入(mixins)定义了一部分可复用的方法或者计算属性。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。 选项合并 当组件和混入对象含有同名选项时,这些选项将以恰当的方式混合。 比如,数据对象在内

    2023年04月09日
    浏览(34)
  • vue2+webpack升级vue3+vite,报错Cannot read properties of null (reading ‘isCE‘)

    同学们可以私信我加入学习群! 系列文章:vue2+webpack升级vue3+vite,修改插件兼容性bug 前面的文章主要是介绍,在升级初始阶段遇到的一些显而易见的兼容性问题和bug。随着项目迭代的不断深入,一些不容易暴露的问题也渐渐呈现。 本文主要记录一些开发重构过程中的bug vu

    2024年01月18日
    浏览(54)
  • Vue2和Vue3是Vue.js框架的两个主要版本,它们之间有以下区别

    性能优化:Vue3在内部进行了重写,采用了更高效的虚拟DOM算法,使得渲染速度更快,性能更好。 更小的体积:Vue3的体积比Vue2更小,这意味着更快的下载和加载速度。 Composition API:Vue3引入了Composition API,它是一种新的组合式API,可以更好地组织和重用组件逻辑,使得代码更

    2024年02月15日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包