GitHub 是全球最受欢迎的开发者平台， ⾃从微软收购了 GitHub 后， GitHub 的功能就越来越强⼤，除了原有的代码管理外，也增加了很多硬货，这就包括了集成 CI/CD 的 GitHub Actions ，以及完善的项⽬管理功能，还有⼀个云端的开发环境 GitHub Codespaces。GitHub Codespaces 并不只是⼀个简单的改改代码的编辑器，它还包含了⼀个完整开发环境 ，让你可以在云上开发完整的项⽬。

什么是GitHub Codespaces

GitHub Codespaces 是云端的开发环境，它允许开发⼈员通过浏览器或从本地的 Visual Studio Code IDE 直接进⾏调试、维护、更改、部署 GitHub 上的代码。现阶段 GitHub Codespaces 只提供给团队和企业版本 。

上图是官⽅对于 GitHub Codespaces 实现的描述。你可以把 GitHub 看成⼀个传统的 C/S 架构。在后端使⽤虚拟化技术（容器/虚拟机）设置你的代码，开发环境以及相关依赖等，在前端部分可以通过本地安装的Visual Studio Code 或者浏览器访问使⽤。

GitHub Codespaces 有⼏个优点：

1、⾼性能 ⸺ 开发⼈员可以使⽤更好性能的虚拟开发环境，提⾼开发⼈员的⽣产⼒

2、⾼安全 ⸺ 只有授权⽤户才能访问 GitHub Codespaces

3、易管理 ⸺ 开发⼈员可以轻松地在每个项⽬的基础上管理依赖项和扩展

4、⼀致性 ⸺ 团队开发⾥，通过 GitHub Codespaces 开发⼈员之间有统⼀的的开发环境，可以⾮常轻松地管理项⽬上的依赖和扩展

5、跨设备 ⸺ 基于浏览器的编码体验意味着可以在任何设备上进⾏开发，例如⼿机、iPad、平板电脑等，从⽽提⾼了开发⽣产效率

通过 iPad 开发⼀个 Azure Functions 的项⽬

1.⾸先打开我的 iPad Safari 浏览器 ， 访问我的⼀个 GitHub Repository ， 选择Code 按钮 ，再选择Codespaces 标签点击 New Codespaces， 你就可以启动⼀个基于该 Repo 下的 Codespaces 环境

2.选择成功后， 会让你选择需要的虚拟开发环境配置 (你可以根据你的需要去设置)，这⾥我选择⼀个4核CPU，8G 内存 ， 32GB 存储的虚拟环境

选择后，需要稍等⽚刻，这⾥会帮你在云端开启虚拟环境

配置成功后，在浏览器就可以启动云端的 Visual Studio Code 环境

3.按 Cmd + Shift + P 选择开发开发环境 ( Codespaces: Configure Container Features... ) ， 你可以选择你的应⽤场景和开发的语⾔

如果你是第⼀次会让你添加相关的⽂件

列表选择展示所有设定( Show All Definitions...)

选择 Azure Functions & Python 3

创建成功后，你会看到 Repo 会新增.devcontainer⽂件夹，新增 devcontainer.json 和 Dockerfile

选择右下⻆ Rebuild / Cmd + Shift + P 选择 Codespaces: Rebuild Container 就可以配置好你的 Azure Functions 开发环境了,

这⾥我要说说在 .devcontainer 下的两个⽂件

//

①devcontainer.json

devcontainer.json 是 Codespace 下设定的开发环境配置，除了对应的 Dockefile 外，还包括开发需要到的端⼝，设定，以及对应的 Visual Studio Code 插件安装。像我这⾥就有开发的 Docker 端⼝，以及 Python /Docker / Azure Functions 等插件。这个配置环境对于多⼈开发的项⽬是⾮常有⽤的，因为新的开发⼈员不⽤再关⼼开发环境如何配置，节约了配置时间。

例如我想安装 Thunder Client 插件给到开发团队 ，就可以在 extensions 字段添加"rangav.vscode-thunderclient"

"extensions": [
"ms-azuretools.vscode-azurefunctions",
"ms-azuretools.vscode-docker",
"ms-python.python",
"rangav.vscode-thunder-client"
],

再选择 Rebuild container 就可以为以后的开发者，安装好 Thunder Client 组件了

//

②Dockerfile

Dockerfile 就是对应的开发环境设置，当然你也可以根据⾃身开发需要，创建⾃⼰的开发环境容器。

4.这个时候你就可以选择 Azure 环境创建 Azure Functions 应⽤了（这⼀步我就不⼀⼀介绍了，和本地创建是⼀样的）

5.来谈谈调试，可以直接进⾏调试，就如本地应⽤⼀样，⾮常⽅便

调试成功后，你可以同步⼀下代码到你的GitHub

当然你也可以直接通过 GitHub Actions 对 Repo 进⾏ CI / CD 操作，这⾥篇幅有限我就不⼀⼀多说了。

小结

GitHub Codespaces 与 GitHub ⽆缝连接，通过云端不仅管理好你的代码，更可以作为开发环境，直接通过任意浏览器就可以完成整个研发周期的⼯作，降低了对本地硬件的依赖。更让依赖于 GitHub 的个⼈和团队，提供更好的⽣产⼒。⼩伙伴们快快⽤起来。

*相关资源

1.了解 GitHub Codespaces 更多信息，请访问以下链接 https://docs.github.com/en/codespaces

2.Azure Functions 的开发https://docs.microsoft.com/zh-cn/azure/azure-functions/create-first-function-vs-code-python

往期推荐:

CA周记 - 2022年的第一课Rust

CA周记 - 用 Visual Studio Code 做基于 .NET MAUI 跨平台移动应用开发

CA周记 - 通过 Azure ML + GitHub + GitHub Action 打通 ML 开发的任督二脉

CA周记 - 宇宙最強的IDE - Visual Studio 25岁生日快乐

CA周记 - “探店”低代码