能否在vscode.dev或code-server上开发调试VSCode扩展？求搭建步骤

亲测可行，以下是具体搭建操作流程：

前置依赖 #

• 部署好code-server（或直接访问vscode.dev）
• 安装Node.js（code-server终端内可通过包管理器安装；vscode.dev可借助关联的GitHub Codespaces环境）
• 全局安装扩展生成工具：

npm install -g yo generator-code

初始化扩展项目 #

1. 打开终端执行 yo code
2. 按向导选择扩展类型（推荐TypeScript模板），填写项目名称、描述等信息
3. 进入项目目录：cd your-extension-project

调试配置与启动 #

针对code-server #

1. 打开项目根目录下的.vscode/launch.json，修改runtimeExecutable为code-server的可执行路径（若已加入系统PATH，直接写code-server即可）
2. 确保args配置包含扩展开发路径，示例配置：

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

3. 切换到调试面板，点击启动按钮，code-server会打开新窗口加载你的扩展，即可开始调试

针对vscode.dev #

vscode.dev本身是纯浏览器环境，无法直接运行扩展调试，需借助GitHub Codespaces：

1. 在vscode.dev中打开你的扩展项目仓库
2. 点击左下角的"远程窗口"图标，选择"在Codespaces中打开"
3. 在Codespaces环境内完成项目初始化后，直接使用默认的launch.json配置即可启动调试
4. 调试过程中，可通过Codespaces提供的预览窗口测试扩展功能

注意点 #

• code-server调试时需确保端口可正常访问，避免调试窗口无法打开
• 扩展开发的核心逻辑、打包流程和本地VSCode完全一致，只是运行环境不同

内容的提问来源于stack exchange，提问作者bilogic