GitHub Codespaces 提供云端 VS Code 环境，支持通过仓库页面、GitHub CLI 或复用实例快速启动，并可通过 devcontainer.json 自定义配置。

如果您希望在任何设备上快速启动一个预配置的开发环境，而无需在本地安装和配置开发工具，则可以使用 GitHub Codespaces 提供的云端 VS Code 实例。以下是启用和使用该服务的具体方式：

本文运行环境：MacBook Air，macOS Sequoia。

一、通过仓库页面直接创建 Codespace

此方法适用于已有 GitHub 仓库且希望立即进入编码状态的场景，Codespace 将基于仓库根目录下的 devcontainer.json 配置自动初始化环境。

1、访问目标 GitHub 仓库主页。

2、点击绿色代码按钮，选择 Open with Codespaces 选项。

3、点击 Create codespace on main（或指定分支）启动构建流程。

4、等待环境构建完成，VS Code 界面在浏览器中加载后即可开始编辑。

二、从 GitHub CLI 启动 Codespace

此方法适合习惯命令行操作的开发者，可快速在终端中触发远程环境创建，并支持指定机器类型与配置文件路径。

1、确保已安装最新版 GitHub CLI（gh） 并完成身份认证。

2、在本地终端中切换至对应仓库的克隆目录，或直接使用仓库所有者/名称组合。

3、执行命令：gh codespace create --repo owner/repo-name --branch main。

4、运行 gh codespace code 在本地 VS Code 桌面客户端中连接该实例（需已安装 GitHub Codespaces 扩展）。

三、复用已有 Codespace 实例

GitHub 默认为每个仓库保留最近一次活跃的 Codespace，关闭浏览器标签页不会自动销毁实例，再次访问时可快速恢复工作状态。

1、进入 GitHub 仓库页面，点击绿色代码按钮。

2、在下拉菜单中查看 Your codespaces 区域列出的运行中或已停止的实例。

3、点击对应实例右侧的 Connect 按钮。

4、确认连接后，编辑器将加载上次关闭前的文件、终端会话及未保存更改（若启用自动保存）。

四、自定义 devcontainer.json 配置

通过编写 devcontainer.json 文件可声明容器镜像、预安装扩展、端口转发规则及启动脚本，使 Codespace 行为与团队本地开发环境保持一致。

1、在仓库根目录新建 .devcontainer/devcontainer.json 文件。

2、写入基础配置，例如指定 mcr.microsoft.com/vscode/devcontainers/python:3.11 作为基础镜像。

3、在 extensions 字段中添加 ms-python.python 和 esbenp.prettier-vscode 等必需扩展 ID。

4、提交并推送该文件至远程仓库，后续创建的 Codespace 将自动应用该配置。

# python  # vscode  # js  # git  # json  # github  # 编码  # 浏览器  # 端口  # macbook  # 工具  # mac  # ai 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel如何连接多个数据库_Laravel多数据库连接配置与切换教程  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  laravel怎么配置和使用PHP-FPM来优化性能_laravel PHP-FPM配置与性能优化方法  制作旅游网站html,怎样注册旅游网站？  Laravel怎么实现观察者模式Observer_Laravel模型事件监听与解耦开发【指南】  微信小程序 五星评分(包括半颗星评分)实例代码  网易LOFTER官网链接 老福特网页版登录地址  Internet Explorer官网直接进入 IE浏览器在线体验版网址  微信小程序 scroll-view组件实现列表页实例代码  Laravel如何创建自定义Artisan命令？（代码示例）  Laravel如何与Vue.js集成_Laravel + Vue前后端分离项目搭建指南  中山网站制作网页,中山新生登记系统登记流程？  韩国服务器如何优化跨境访问实现高效连接？  Laravel如何生成API文档？（Swagger/OpenAPI教程）  免费视频制作网站,更新又快又好的免费电影网站？  Laravel如何设置定时任务（Cron Job）_Laravel调度器与任务计划配置  Laravel Seeder怎么填充数据_Laravel数据库填充器的使用方法与技巧  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  Python面向对象测试方法_mock解析【教程】  微信小程序制作网站有哪些,微信小程序需要做网站吗？  Laravel如何实现RSS订阅源功能_Laravel动态生成网站XML格式订阅内容【教程】  青岛网站建设如何选择本地服务器？  潮流网站制作头像软件下载,适合母子的网名有哪些？  Laravel怎么实现API接口鉴权_Laravel Sanctum令牌生成与请求验证【教程】  如何快速查询网址的建站时间与历史轨迹？  北京专业网站制作设计师招聘,北京白云观官方网站？  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  Win11搜索不到蓝牙耳机怎么办 Win11蓝牙驱动更新修复【详解】  如何在七牛云存储上搭建网站并设置自定义域名？  Laravel storage目录权限问题_Laravel文件写入权限设置  微信公众帐号开发教程之图文消息全攻略  微博html5版本怎么弄发语音微博_语音录制入口及时长限制操作【教程】  Laravel Vite是做什么的_Laravel前端资源打包工具Vite配置与使用  如何快速启动建站代理加盟业务？  Laravel观察者模式如何使用_Laravel Model Observer配置  Laravel如何实现文件上传和存储？（本地与S3配置）  Laravel 419 page expired怎么解决_Laravel CSRF令牌过期处理  Laravel如何实现本地化和多语言支持？（i18n教程）  使用spring连接及操作mongodb3.0实例  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  猎豹浏览器开发者工具怎么打开 猎豹浏览器F12调试工具使用【前端必备】  Laravel安装步骤详细教程_Laravel环境搭建指南  如何挑选优质建站一级代理提升网站排名？  微信小程序 配置文件详细介绍  Laravel如何使用Gate和Policy进行授权？（权限控制）  EditPlus中的正则表达式 实战(2)  Laravel控制器是什么_Laravel MVC架构中Controller的作用与实践  Laravel队列任务超时怎么办_Laravel Queue Timeout设置详解  如何制作新型网站程序文件,新型止水鱼鳞网要拆除吗？  香港服务器如何优化才能显著提升网站加载速度？