VSCode Extension (Electron/TypeScript)
为VSCode开发Electron/TypeScript扩展提供辅助的开发工具
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：VSCode Extension (Electron/TypeScript)。 它的用途是：为VSCode开发Electron/TypeScript扩展提供辅助的开发工具 详细介绍见：https://321skill.com/skills/vscode-extension-electron-typescript/ 请根据该页面的说明完成安装。
使用示例
“我需要一个在VSCode侧边栏显示实时日志的扩展，用TypeScript写，主进程和渲染进程怎么通信？” 它会生成一个包含基础项目结构、TypeScript配置、以及使用`vscode`和`electron` API实现进程间通信示例的代码框架。接着，你可以继续询问：“如何为这个视图添加一个刷新按钮？” 它会指导你添加命令并更新Webview内容。
介绍
这个Skill旨在帮助开发者在VSCode环境中，更高效地开发基于Electron框架和TypeScript语言的扩展程序。它解决了开发过程中常见的环境配置繁琐、代码结构复杂、调试困难等问题，通过提供智能化的代码生成、结构分析和调试辅助，提升扩展开发效率。
使用时，开发者可以在VSCode中激活此Skill，通过自然语言指令来生成扩展的脚手架代码、分析现有扩展的模块结构、或者获取关于Electron API和TypeScript类型定义的解答。它能理解扩展开发特有的上下文，如主进程与渲染进程的通信、打包配置等。
它非常适合正在或计划为VSCode开发功能扩展的前端、全栈或Electron应用开发者，特别是那些希望利用TypeScript的类型安全优势来构建更可靠扩展的团队。
建议在项目初期或重构阶段使用本Skill来快速搭建基础框架。需要注意的是，它主要提供开发辅助，对于复杂的业务逻辑和最终的打包发布，仍需开发者结合官方文档和测试流程来完成。
核心特点
与通用代码生成Skill不同，它深度集成了VSCode扩展开发、Electron框架及TypeScript语言的特定知识，能精准生成符合VSCode扩展API规范的代码结构，并提供针对扩展调试和打包的专项建议。
注意事项
不适合用于开发非VSCode环境下的Electron应用，或使用JavaScript而非TypeScript的扩展项目。
常见问题
这个Skill能帮我直接发布VSCode扩展吗？
不能，它主要辅助代码开发和调试，发布流程需遵循VS Code Marketplace的官方指南。
支持生成哪些类型的VSCode扩展代码？
支持生成视图、命令、语言支持、主题等多种扩展类型的TypeScript脚手架代码。