在Visual Studio中使用GitHub Codespaces

320 2023-07-17

开发代码空间 GitHub VisualStudio

OPENNING

前情提要

什么是 Codespaces

Codespaces 是一个在线开发环境，由 GitHub 托管并由 Visual Studio Code 支持，允许您完全在云端开发。

跨平台

Codespaces 是适用于浏览器的云开发环境。代码空间包括为特定仓库开发所需的一切，其中包括具有语法突出显示和自动完成功能的文本编辑器、终端、调试工具和 Git 命令，所有这些都集成在 GitHub 中。您也可以在代码空间中安装 Visual Studio Code 扩展以添加更多功能。

Codespaces 使开发人员更容易加入新公司或开始为开源项目做出贡献。项目维护员可以配置仓库，以便在为仓库创建代码空间时自动包含项目的依赖项。减少配置环境所用的时间，可以更快地开始编码。

Codespaces 支持在云端开发，而不是本地开发。开发者可以随时随地任何机器（包括平板电脑或 Chromebooks）上参与项目开发，无需维护知识产权的本地副本。

继今年GitHub推出Codespaces后，我们尝鲜了其特具魅力的云上开发。这里我们可以访问之前的文章“ Visual Studio Codespaces初体验 ”来了解一下。那么这次我们主要使用和我们“过日子”都离不开的Visual Studio来一起试试吧～

Step1：一起打开我们的Visual Studio

Step2：在欢迎界面选择连接到CodeSpaces

启动 Visual Studio 时，Start （开始）窗口将在“Get started（开始使用）”下显示 Connect to a codespace（连接到代码空间）按钮。‍

Step3：登录到您的GitHub账号

单击登录 GitHub 并按提示操作，或者单击 Create one!（创建一个！）以创建新的 GitHub 帐户并登录该帐户。

Step4：访问您的GitHub仓库

在“Codespace details（代码空间详情）”下，键入您希望 GitHub Codespaces 克隆到代码空间的仓库 URL。

（可选）使用 Instance type（实例类型）和 Suspend after（完成后挂起）下拉菜单配置更多代码空间详细信息。这些强大的服务来自于Azure的鼎力支持～

Review

如果大家想了解如何创建自己的Azure订阅

可以参考往期 Azure 系列文章

我与Azure（一）结缘及注册

Waiting.....Waiting.....Waiting.....

那么我们这里使用的开源Repo来自于IDCF的BoatHouse社区的共创项目

大家感兴趣可以访问如下地址了解详情

https://github.com/idcf-boat-house

好的，终于等到了....Ops～一上来先弹出了上次Live Share的自己～

让我们一起切换回到解决方案管理器

我们看到整个WorkSpace的结构还是很清晰的～

这是一个Node.js项目，让我们试一试debug～

Ops～

好像Node.js目前还不支持云上debug～

让我们试一下UITest这个UI自动化单元测试！

这是由dotnetcore编写的，我们打开这个解决方案

执行编译和测试

我们看到在云上的执行效率还是很快的

结果有一个断言为失败，达到了我们的预期

我们也能清晰的定位到异常

推展与小结

配置 Visual Studio 的代码空间

通过 Visual Studio 创建的默认代码空间环境包括流行的框架和工具，例如 .NET Core、Microsoft SQL Server、Python 和 Windows SDK。使用 Visual Studio 创建的GitHub Codespaces 可通过一组 devcontainers.json 属性和 Visual Studio 随附的新工具 devinit 进行自定义。

devinit

devinit 命令行工具允许您将额外的框架和工具安装到 Windows 开发代码空间中，以及运行 PowerShell 脚本或修改环境变量。devinit 支持名为 devinit.json 的配置文件，该文件可添加到您的项目中用于创建自定义和可重复的开发环境。有关 Windows 代码空间配置和 devinit 的更多信息，请参阅 Visual Studio 文档中的自定义代码空间。

‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ 谢邀