关于 Vue3 在 VSCode 中 Volar 弃用改 Vue - Official, 代码不能跳转解决办法

3,690 阅读1分钟

好久没更新文章了, 今天就水一章吧

昨天 VSCode 在写 Vue3 时, 突然发现, 代码跳转和提示功能等都不能用了. 查找原因发现插件 Vue - Official 突然出现, TypeScript Vue Plugin (Volar)弃用了. 最近没有发现安装什么东西, 原因应改就是这个了.

从为什么突然改名 Vue - Official 入手吧, 发现是 Vue3.4 更新时, 那么问题差不多就是这个了.

解决方法, 把 Vue 项目的 package.json 文件里面的关于 Vue 的更新到最新版本

"dependencies": {
     "vue": "^3.4.21",
     "vue-router": "^4.3.0",
 }
 "devDependencies": {
    "typescript": "^5.4.2",
    "vite": "^5.1.5",
    "vue-tsc": "^2.0.6"
 }

npm update

这样更新一下, 基本可以了. 其它看了一下文档的依赖项, 基本上, 只要 vue-tsc 更新了就行.

  • Volar / vue-tsc@^1.8.27 (required)
  • @vitejs/plugin-vue@^5.0.0 (如果使用 Vite)
  • nuxt@^3.9.0 (如果使用 Nuxt)
  • vue-loader@^17.4.0 (如果使用 webpack or vue-cli)