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

vue版本的升级主要步骤:

一、首先需要卸载你之前的vue2.9.6
使用快捷键win+R,出来“运行”界面:
输入cmd–>回车–>进入dos界面:

输入命令查询vue的版本:

vue -V
or
vue -Version

输入命令卸载目前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版本时候给出提示,说我的node版本太低了也需要升级。

node.js升级:
node.js的升级的与vue的升级略有差别,不需要对上一个版本进行卸载,只需要去node.js官网下载自己需要的版本,我下载的是v12.22.5版本。

双击改“msi”文件,一直“next”下去即可,直到“finish”。
输入node -v查询node版本,输入 vue -V 查询vue脚手架升级的版本。

以上就是本人今天进行vue+node升级时候梳理出来的操作流程,有疑问的地方欢迎各位随时call我。

如何升级Vue的版本 vue2.9.6升级到vue3.0相关推荐

  1. 11204单实例DG升级到12102版本-有停机-包含升级12cRAC注意事项

    物理DG主.备库从11.2.0.4升级到12.1.0.2方式:在升级过程中,需要DG备库停止应用日志,主库停止对外服务,即停止业务,所需停机时间即主库升级的时间; --另一种停机短的方式:如果对停机时 ...

  2. macos可以升级到指定版本吗_如何升级mac系统版本?

    展开全部 老版本mac如何升级系统,如果你的电脑是Mac的话,首先需要准备两636f70793231313335323631343130323136353331333431363533个工具:iOS1 ...

  3. 鸿蒙系统小卡片,升级鸿蒙101版本,UI审美升级了

    作为鸿蒙系统第一批推送的用户,今天终于刷出了101版,早就开始馋"图库"的服务卡片,850多M的更新包,用5G网络10秒就下完.图库卡片一放,诶,舒服极了.这版本小白条滑3次就消失 ...

  4. mac 升级php7.3版本之后Redis扩展升级(phpredis)

    1.安装环境依赖 brew install autoconf wget 2.下载phpredis,使用git clone git clone https://github.com/nicolasff/ ...

  5. macos可以升级到指定版本吗_macOS - 如何升级 - Apple (中国大陆)

    通用剪贴板 要求使用配备闪电或 USB-C 接口,并运行 iOS 10 或更新版本操作系统的 iPhone 或 iPad. 自动解锁 需要运行 watchOS 3 或更新版本操作系统的 Apple W ...

  6. vue3.0和vue2.0的比较

    前言: 对vue3.0进行一次整理 目录: 一.vue3.0的亮点 1.性能比vue2.x快1.2~2倍 2.支持按需编译,按需导入,体积比vue2.x更小 3.支持组合API,类似React Hoo ...

  7. 我来说说 Vue面试知识点 和 Vue3.0

    昨天文章刚说了React的重要性和为何流行,今天北妈带你回归Vue,云里雾里.懵不懵逼都在你自己,反正无论如何,这一年我会疯狂的让大家学习,催促自己和你们一起学习,并且一起参与其中. 入正题 一 昨天 ...

  8. vue3.0找不到模块“./App.vue”或其相应的类型声明。

    // vue3 报错提示 找不到模块"./XXX.vue"或其相应的类型声明 // 报错原因:typescript 只能理解 .ts 文件,无法理解 .vue文件 //报错原因:j ...

  9. 创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目

    创建VUE项目,vue-cli2.0版本和3.0版本的区别,将vue2.0项目升级为vue3.0项目 使用vue-cli2.0版本创建vue项目 创建前的准备 开始创建 创建过程 项目正常创建 使用v ...

最新文章

  1. 赔偿谷歌1.8亿美元!前Uber自动驾驶主管被告到破产
  2. pandas使用fillna函数并设置fffill参数使用列中的前序值填充缺失值(replace missing values with preceding values in column in d
  3. 数字测图原理与方法的实习日志_【技术】消费级无人机倾斜摄影测量1:500测图方法及精度研究...
  4. ASP.NET,IE6下URL中文乱码问题
  5. 使用域超级管理员打开Exchange 2010发现没有权限
  6. [XSY3382] 专家系统(二分+线段树)
  7. vue命令行错误处理
  8. 开源监控利器grafana
  9. SEO优化:WordPress发布文章主动推送到百度,加快收录保护原创
  10. OpenGL入门学习 课程 (三) 绘制几何图形的一些细节问题
  11. Visual Basic.Net连各种数据库的几种方法
  12. 用python证明采样定理_这一切都从指数函数开始(4)——采样定理
  13. 深入学习Spring IOC和AOP 实例代码
  14. 【PytorchLearning】构建自己的数据集
  15. 64位 window 在notepad++中添加HexEditor工具
  16. java tapestry_Tapestry简介- 转载 (转自java-cn)
  17. 如何移动桌面文件到计算机,怎么样把电脑桌面文件全部转移到指定文件夹
  18. 【信息系统项目管理师】解读高项考试大纲
  19. lol服务器位置2017,2017LOL转区系统在哪儿 LOL12月转区系统地址入口
  20. 程序员盗不了 QQ 学计算机有什么用?程序员欲哭无泪:我好难啊!

热门文章

  1. 阿里云盘进场,安全星球何以成为云盘界的一股清流
  2. 关于CSS选择器的权重计算
  3. 如果面试时直接怒怼面试官
  4. uniapp抖音小程序发布激励广告
  5. hdu 6059 Kanade's trio
  6. iphone数据线连不上Mac
  7. Nvidia GPU虚拟化
  8. 这么多大学,保证一志愿优先录取!
  9. 免费影视资源如何引流?如何通过分享影视资源引流
  10. ImToken 钱包的研究