用途:从零构建 VS Code 扩展,或把现有 JS/React/Vue 应用转换为可移植、可分发的扩展。
主要能力:覆盖命令(Command Palette/快捷键/菜单触发)、Webview(React/Vue/原生 UI)、树视图(侧边栏层级数据)、自定义编辑器(替换特定文件类型默认编辑器),以及通过 file-bridge 模式与 AI 智能体做基于文件的 IPC 集成。
架构与用法:扩展分两个运行环境——Extension Host(Node.js,负责后端逻辑、文件访问、VS Code API)与 Webview(浏览器沙箱,承载 HTML/CSS/JS UI)。构建栈为 TypeScript + esbuild(扩展)+ Vite(Webview)。快速开始:按需求从 assets/ 选模板(basic-command、webview-react、tree-view、custom-editor、file-bridge),复制到项目目录,更新 package.json 的 name、displayName、publisher、description,运行 npm install 与 npm run build,在 VS Code 中按 F5 启动 Extension Development Host。
转换现有应用:先评估应用功能与所需 VS Code 特性,再把 Web API 映射为 VS Code 等价物(localStorage→context.globalState/workspaceState,alert()→vscode.window.showInformationMessage(),prompt()→showInputBox(),confirm()→showWarningMessage() 带选项,Router→多 Webview 面板或侧边栏视图),随后把 UI 移入 Webview、逻辑移入 Extension Host,并用 postMessage 打通通信。
打包发布:用 npm install -g @vscode/vsce 后执行 vsce package 生成 .vsix;可通过 .vscodeignore 排除文件,支持直接分享(code --install-extension file.vsix)、VS Marketplace(vsce publish)或 Open VSX;含原生依赖时可用 vsce package --target win32-x64 等做平台专属构建。
限制:资料未提供收费、价格、平台支持范围与效果数据,暂未提供。