如何在GitHub Codespaces中自动配置devcontainer.json添加常用VSCode扩展

方法1：仓库级预配置（针对特定项目） #

• 在项目根目录下创建 .devcontainer/devcontainer.json 文件（若不存在）
• 在文件中添加 extensions 字段，填入常用扩展的ID列表，示例代码如下：

{
  "extensions": [
    "dbaeumer.vscode-eslint",
    "esbenp.prettier-vscode",
    "ms-python.python",
    "github.vscode-pull-request-github"
  ]
}

• 将该文件提交并推送到GitHub仓库，后续基于此仓库创建Codespace时，系统会自动读取配置并安装指定扩展

方法2：全局预配置（所有Codespace生效） #

• 创建一个名为 dotfiles 的GitHub仓库
• 在仓库中添加 .devcontainer/devcontainer.json 文件，同样配置 extensions 字段
• 进入GitHub设置，找到Codespaces选项，在Dotfiles区域选择你创建的 dotfiles 仓库并保存
• 之后所有新建的Codespace都会自动应用这个全局配置，安装你指定的扩展

关键提示 #

• 扩展ID可在VSCode扩展市场的详情页右侧找到（标注为「扩展ID」）
• 若同时存在仓库级和全局配置，仓库级配置会优先执行
• 务必保证JSON格式正确，否则配置无法生效

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