GitHub 是全球最受歡迎的開發(fā)者平臺， ?從微軟收購了 GitHub 后， GitHub?的功能就越來越強?，除了原有的代碼管理外，也增加了很多硬貨，這就包括了集成 CI/CD 的 GitHub Actions ，以及完善的項?管理功能，還有?個云端的開發(fā)環(huán)境 GitHub Codespaces。GitHub Codespaces 并不只是?個簡單的改改代碼的編輯器，它還包含了?個完整開發(fā)環(huán)境 ，讓你可以在云上開發(fā)完整的項?。

什么是GitHub Codespaces

GitHub Codespaces 是云端的開發(fā)環(huán)境，它允許開發(fā)?員通過瀏覽器或從本地的 Visual Studio Code IDE 直接進?調試、維護、更改、部署 GitHub 上的代碼。現(xiàn)階段 GitHub Codespaces 只提供給團隊和企業(yè)版本 。

上圖是官?對于 GitHub Codespaces 實現(xiàn)的描述。你可以把 GitHub 看成?個傳統(tǒng)的 C/S 架構。在后端使?虛擬化技術（容器/虛擬機）設置你的代碼，開發(fā)環(huán)境以及相關依賴等，在前端部分可以通過本地安裝的Visual Studio Code 或者瀏覽器訪問使?。

GitHub Codespaces 有?個優(yōu)點：

1、?性能 ? 開發(fā)?員可以使?更好性能的虛擬開發(fā)環(huán)境，提?開發(fā)?員的?產?

2、?安全 ? 只有授權?戶才能訪問 GitHub Codespaces

3、易管理 ? 開發(fā)?員可以輕松地在每個項?的基礎上管理依賴項和擴展

4、?致性 ? 團隊開發(fā)?，通過 GitHub Codespaces 開發(fā)?員之間有統(tǒng)?的的開發(fā)環(huán)境，可以?常輕松地管理項?上的依賴和擴展

5、跨設備 ? 基于瀏覽器的編碼體驗意味著可以在任何設備上進?開發(fā)，例如?機、iPad、平板電腦等，從?提?了開發(fā)?產效率

通過 iPad 開發(fā)?個 Azure Functions 的項?

1.?先打開我的 iPad Safari 瀏覽器 ， 訪問我的?個 GitHub Repository ， 選擇Code 按鈕 ，再選擇Codespaces 標簽點擊 New Codespaces， 你就可以啟動?個基于該 Repo 下的 Codespaces 環(huán)境

2.選擇成功后， 會讓你選擇需要的虛擬開發(fā)環(huán)境配置 (你可以根據(jù)你的需要去設置)，這?我選擇?個4核CPU，8G 內存 ， 32GB 存儲的虛擬環(huán)境

選擇后，需要稍等?刻，這?會幫你在云端開啟虛擬環(huán)境

配置成功后，在瀏覽器就可以啟動云端的 Visual Studio Code 環(huán)境

3.按 Cmd + Shift + P 選擇開發(fā)開發(fā)環(huán)境 ( Codespaces: Configure Container Features... ) ， 你可以選擇你的應?場景和開發(fā)的語?

如果你是第?次會讓你添加相關的?件

列表選擇展示所有設定( Show All Definitions...)

選擇 Azure Functions & Python 3

創(chuàng)建成功后，你會看到 Repo 會新增.devcontainer?件夾，新增 devcontainer.json 和 Dockerfile

選擇右下? Rebuild / Cmd + Shift + P 選擇 Codespaces: Rebuild Container 就可以配置好你的 Azure Functions 開發(fā)環(huán)境了,

這?我要說說在 .devcontainer 下的兩個?件

//

①devcontainer.json

devcontainer.json 是 Codespace 下設定的開發(fā)環(huán)境配置，除了對應的 Dockefile 外，還包括開發(fā)需要到的端?，設定，以及對應的 Visual Studio Code 插件安裝。像我這?就有開發(fā)的 Docker 端?，以及 Python /Docker / Azure Functions 等插件。這個配置環(huán)境對于多?開發(fā)的項?是?常有?的，因為新的開發(fā)?員不?再關?開發(fā)環(huán)境如何配置，節(jié)約了配置時間。

例如我想安裝 Thunder Client 插件給到開發(fā)團隊 ，就可以在 extensions 字段添加"rangav.vscode-thunderclient"

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

再選擇 Rebuild container 就可以為以后的開發(fā)者，安裝好 Thunder Client 組件了

//

②Dockerfile

Dockerfile 就是對應的開發(fā)環(huán)境設置，當然你也可以根據(jù)?身開發(fā)需要，創(chuàng)建??的開發(fā)環(huán)境容器。

4.這個時候你就可以選擇 Azure 環(huán)境創(chuàng)建 Azure Functions 應?了（這?步我就不??介紹了，和本地創(chuàng)建是?樣的）

5.來談談調試，可以直接進?調試，就如本地應??樣，?常?便

調試成功后，你可以同步?下代碼到你的GitHub

當然你也可以直接通過 GitHub Actions 對 Repo 進? CI / CD 操作，這?篇幅有限我就不??多說了。

小結

GitHub Codespaces 與 GitHub ?縫連接，通過云端不僅管理好你的代碼，更可以作為開發(fā)環(huán)境，直接通過任意瀏覽器就可以完成整個研發(fā)周期的?作，降低了對本地硬件的依賴。更讓依賴于 GitHub 的個?和團隊，提供更好的?產?。?伙伴們快快?起來。

*相關資源

1.了解 GitHub Codespaces 更多信息，請訪問以下鏈接 https://docs.github.com/en/codespaces

2.Azure Functions 的開發(fā)https://docs.microsoft.com/zh-cn/azure/azure-functions/create-first-function-vs-code-python

往期推薦:

CA周記 - 2022年的第一課Rust

CA周記 - 用 Visual Studio Code 做基于 .NET MAUI 跨平臺移動應用開發(fā)

CA周記 - 通過 Azure ML + GitHub + GitHub Action 打通 ML 開發(fā)的任督二脈

CA周記 - 宇宙最強的IDE - Visual Studio 25歲生日快樂

CA周記 - “探店”低代碼

總結

以上是生活随笔為你收集整理的云上“炼”码兵器 GitHub Codespaces的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。