如何防止 Vetur 和 TypeScript 在 VSCode 中同时显示 TypeScript 警告?

How do I prevent Vetur and TypeScript from both showing typescript warnings in VSCode?

我正在开发一个使用 TypeScript 的 Vue2 项目。我正在使用安装了 Vetur 和 TypeScript 扩展的 VSCode。

每当出现 TypeScript 警告时,VSCode 叠加层会显示 TypeScript 和 Vetur 报告的相同警告。

此外,任何智能感知菜单都会显示两次选项。

我想继续安装这两个扩展。我怎样才能让他们相处得很好并且只显示一次警告?

可能是因为两个插件使用的TS版本不同。 Vetur 有一个 setting 来使用 TS 的工作区版本(仅来自 node_modules),我打赌 VS 的 TS 扩展会有类似的东西。

另请注意,Vetur 不再是官方推荐的与 Vue+TS 一起使用的工具,但 Volar 是——根据我个人的经验,它确实更好,开发也更积极(甚至支持 script setup 在选项 API/Composition API 和 script setup)

之间没有完美但相当不错的自动转换

虽然 Volar 说它是为 Vue 3 设计的,但它仍然适用于 Vue 2 和组合 API。因此,如果启用了 Volar,在 VSCode 中禁用 Vetur 应该是安全的。