如何让VSCode中Ctrl+Click Nuxt组件时打开源文件而非.d.ts文件？

以下是几个可行的解决办法，按优先级推荐：

1. 启用Volar的Take Over模式（推荐） #

Nuxt 3官方推荐使用Volar插件的Take Over模式，它会直接接管TypeScript服务并解析Vue组件源文件，从根源上避免跳转至生成的.d.ts文件：

• 打开VSCode的扩展面板（Ctrl+Shift+X），找到内置的「TypeScript and JavaScript Language Features」扩展，点击右侧齿轮图标选择「Disable (Workspace)」，仅在当前Nuxt项目中禁用它
• 确保已安装并启用「Vue Language Features (Volar)」扩展
• 重启VSCode后，Ctrl/Alt+Click组件标签就会直接跳转到组件源文件

2. 调整VSCode的TypeScript设置 #

如果不想切换Take Over模式，可以通过修改VSCode设置排除.nuxt目录下的声明文件对跳转的影响：

• 打开VSCode设置（Ctrl+,），搜索typescript.preferences.autoImportFileExcludePatterns
• 添加**/.nuxt/**/*.d.ts到该配置项的数组中
• 保存设置后重启VSCode，跳转逻辑会优先指向组件源文件

3. 优化项目的tsconfig.json配置 #

在项目根目录的tsconfig.json中调整include和exclude规则，确保TypeScript优先解析你的组件源文件：

{
  "include": [
    "./components/**/*",
    "./composables/**/*",
    "./pages/**/*",
    "./.nuxt/nuxt.d.ts"
  ],
  "exclude": [
    "./.nuxt/**/*.d.ts",
    "./node_modules/**/*"
  ]
}

修改后执行npx nuxt prepare更新类型声明，再重启VSCode即可生效

内容的提问来源于stack exchange，提问作者João