欢迎来到 VSCode 插件开发的奇妙世界！🚀 通过以下步骤，你将快速掌握如何创建属于自己的扩展。

🚀 开发流程概览

  1. 安装 VSCode
    点击下载最新版 VSCode（如需英文版可访问 /en/vscode_download）

  2. 创建项目结构 

    mkdir my-extension
cd my-extension
code .

    项目目录中需包含 package.json 和 src/ 文件夹 📁

  3. 核心代码框架 

    // src/extension.ts
const vscode = require('vscode');
exports.activate = function(context) {
    vscode.commands.registerCommand('extension.helloWorld', () => {
        vscode.window.showInformationMessage('Hello World!');
    });
};

    使用 TypeScript 或 JavaScript 开发 🧑‍💻

  4. 调试与测试
    启动调试模式：F5 或 Ctrl+Shift+D 🧪
    浏览器调试：Ctrl+Shift+C 打开开发者工具 📊

  5. 发布插件
    首先完成 VSCode 插件发布指南 中的所有步骤 ✅

💡 小贴士

  • 使用 @types/vscode 获取类型定义 📚
  • 通过 vscode.commands 注册自定义命令 ⚙️
  • 探索 VSCode API 文档 深入学习 🔍
VSCode_Plugin_Development_Overview

🌐 扩展阅读

VSCode_Extension_Project_Structure