# VSCode 写 vue 代码时会有这样的报错,强迫症看得很难受

image.png

# 可以通过声明 xxx.d.ts 的方式解决

但是这样点击组件名称就会导致 ts 跳转一直跳到那个声明文件,我们不这样解决

# volar 接管模式

VSCode 原生是不支持 vue 文件的,所以需要 volar 插件支持,而 VSCode 本身的 Typescript 与 volar 中有冲突,所以我们需要在工作区禁用 VSCode 默认的 TS

image.png

禁用之后重新加载 VSCode 下面状态栏会出现

image.png

Ctrl+点击 App 组件即可跳转到该组件文件下,而且报错也消失了

参考链接
https://vuejs.org/guide/typescript/overview.html#volar-takeover-mode