VSCode 插件开发：一键开启完整智能提示 终极配置

你现在遇到的问题：写 vscode.window.xxx 没有自动提示、没有类型检查 ，这是 TypeScript 类型没配置对 导致的。

我给你 最简、最稳、直接能用 的配置，复制粘贴就搞定。

---

一、3 步立刻开启智能提示（1 分钟搞定）

1. 安装官方类型库（必须）

在插件项目里打开终端运行：

npm install --save-dev @types/vscode

这个包就是 VSCode 所有 API 的智能提示文件，装了就有提示。

2. 确保 tsconfig.json 正确（复制下面这个）

你的项目根目录必须有 tsconfig.json，内容如下：json

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "ES2020",
        "outDir": "out",
        "rootDir": "src",
        "strict": true,
        "esModuleInterop": true,
        "skipLibCheck": true,
        "typeRoots": ["node_modules/@types"]  // 关键：让TS找到类型
    },
    "exclude": ["node_modules"]
}

---

3. 确保 package.json 引擎正确

json

{
    "engines": {
        "vscode": "^1.80.0"  // 随便一个新版本就行
    }
}

---

二、你的代码 马上就能智能提示

import * as vscode from 'vscode';

export function activate(context: vscode.ExtensionContext) {
    // 下面这行，现在会有：
    // 自动补全、类型提示、参数提示、错误检查
    const disposable = vscode.window.onDidChangeActiveTextEditor(async (editor) => {
        if (editor) {
            console.log(editor.document.uri.fsPath);
        }
    });

    context.subscriptions.push(disposable);
}

现在你会获得：

✅ vscode. → 自动弹出所有 API✅ onDidChangeActiveTextEditor → 自动补全✅ editor → 自动提示 .document / .selection 等✅ 写错名字 → 直接红线报错

---

三、如果还是没提示？99% 是这 2 个原因

1. VSCode 没有选用项目的 TypeScript 版本（最常见）

解决方法：

1. 按 Ctrl + Shift + P
2. 输入 Select TypeScript Version
3. 选择 Use Workspace Version

2. 重启 VSCode

plaintext

Ctrl + Shift + P → Reload Window

---

四、一句话总结

VSCode 插件智能提示 = 安装 @types/vscode + 正确 tsconfig + 使用工作区 TS 版本

你按我上面 3 步配置，立刻拥有完整智能提示，和写 C# 一样舒服！