如何避免VSCode中Vetur与TypeScript扩展重复上报TypeScript警告？

问题原因 #

该问题由Vetur内置的TypeScript校验、智能补全能力与独立安装的官方TypeScript扩展功能重叠导致，无需卸载任意扩展，仅需调整VSCode配置禁用Vetur重复的TS相关能力即可解决。

解决步骤 #

1. 打开VSCode的JSON配置文件：
   • 快捷键唤出设置界面：Ctrl+,（Windows/Linux）、Cmd+,（Mac）
   • 点击界面右上角的{}图标，切换到JSON编辑模式
2. 在配置文件中添加以下参数：

// 关闭Vetur自带的TypeScript脚本校验，仅保留HTML、CSS等非TS校验能力
"vetur.validation.script": false,
// 关闭Vetur内置的TypeScript智能补全，避免与官方TS扩展的补全选项重复
"vetur.completion.enableTscCompletion": false

3. 保存配置文件后，重载VSCode窗口生效：按下Ctrl+Shift+P/Cmd+Shift+P唤出命令面板，输入Reload Window回车执行即可。

若调整后仍存在补全重复问题，可额外添加配置 "vetur.experimental.templateInterpolationService": false 关闭Vetur的实验性模板插值提示功能。

内容的提问来源于stack exchange，提问作者Soviut