如何通过VSCode扩展API跨文件查找TS/TSX变量定义？

当然可以借助VSCode扩展API实现这个需求，原生Hover功能依赖的语言服务能力已经通过API暴露出来，以下是具体实现方案：

核心方法：使用vscode.executeDefinitionProvider命令 #

这个命令会调用对应语言的定义提供者，基于当前代码上下文精准查找变量的定义位置，和原生Hover获取的信息逻辑一致。

示例代码（注册Hover Provider） #

import * as vscode from 'vscode';

export function activate(context: vscode.ExtensionContext) {
  // 为TSX文件注册Hover Provider
  const hoverProvider = vscode.languages.registerHoverProvider('typescriptreact', {
    async provideHover(document: vscode.TextDocument, position: vscode.Position) {
      // 获取当前光标所在的单词范围
      const wordRange = document.getWordRangeAtPosition(position);
      if (!wordRange) return undefined;

      // 调用定义查找命令
      const definitions = await vscode.commands.executeCommand<vscode.Location[]>(
        'vscode.executeDefinitionProvider',
        document.uri,
        position
      );

      if (!definitions || definitions.length === 0) return undefined;

      // 提取定义文件和内容，组装Hover提示
      const targetDef = definitions[0];
      const defDocument = await vscode.workspace.openTextDocument(targetDef.uri);
      const defContent = defDocument.getText(targetDef.range);

      return new vscode.Hover(`
**定义位置**: ${targetDef.uri.fsPath}
**定义内容**:
\`\`\`typescript
${defContent}
\`\`\`
      `);
    }
  });

  context.subscriptions.push(hoverProvider);
}

为什么vscode.workspaceSymbolProvider不适用？ #

你之前尝试的vscode.workspaceSymbolProvider是用于全局搜索工作区符号的命令，它的匹配逻辑是模糊搜索，且依赖工作区符号索引状态，无法像executeDefinitionProvider那样利用当前代码的上下文（比如导入关系、类型信息）精准定位到变量的定义文件，所以会出现找不到目标定义的情况。

注意事项 #

• 确保项目的tsconfig.json配置正确，VSCode内置的TypeScript语言服务需要依赖它解析跨文件的导入关系。
• 该方案同样适用于TypeScript（typescript语言ID）文件，只需修改注册Hover Provider时的语言参数即可。

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