VSCode 插件开发实战：从零构建 Agent Skill 的完整指南

9次阅读

没有评论

共计 1372 个字符，预计需要花费 4 分钟才能阅读完成。

开发 VSCode 插件前需要了解几个核心概念：

Extension API：VSCode 提供的开发接口，包含编辑器操作、UI 定制等能力
package.json：插件的 manifest 文件，定义插件元数据和功能入口
Activation Events：触发插件激活的事件（如打开特定文件类型）
Contribution Points：在 package.json 中声明插件扩展点（如命令、菜单）

典型的 Agent Skill 插件包含以下模块：

核心服务层 ：处理自然语言指令与业务逻辑
交互层 ：Webview 或状态栏等 UI 组件
命令系统 ：注册可调用的 VSCode 命令
持久化模块 ：存储用户配置和历史记录

以下是一个简单的 Agent 指令处理实现：

// 注册命令
const disposable = vscode.commands.registerCommand('agentSkill.execute', async () => {
  const userInput = await vscode.window.showInputBox({prompt: '请输入您的指令',});

  if (userInput) {const response = await processAgentCommand(userInput);
    vscode.window.showInformationMessage(response);
  }
});

// 指令处理逻辑
async function processAgentCommand(input: string): Promise<string> {
  // 实际业务逻辑处理
  if (input.includes('搜索')) {return await handleSearchCommand(input);
  }

  return ` 已执行: ${input}`;
}

在 .vscode/launch.json 中添加：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Run Extension",
      "type": "extensionHost",
      "request": "launch",
      "args": ["--extensionDevelopmentPath=${workspaceFolder}"]
    }
  ]
}