GitHub Codespaces 快速入门

简介

在本指南中，你将从模板存储库创建 codespace，并探索 codespace 中可用的一些基本功能。 你将使用 Visual Studio Code 的浏览器版本，该版本最初是 GitHub Codespaces 的默认编辑器。 尝试本快速入门后，可以在其他编辑器中使用 Codespaces，并且可以更改默认编辑器。 本指南末尾提供了相关链接。

在本快速入门中，你将了解如何创建 codespace、连接到转发的端口以查看正在运行的应用程序、将 codespace 发布到一个新的存储库，以及通过扩展实现设置个性化。

有关 GitHub Codespaces 如何工作的详细信息，请参阅配套指南 深入了解 GitHub Codespaces。

创建代码空间

1. 导航到 github/haikus-for-codespaces 模板存储库。

2. 单击“使用此模板”，然后单击“在 codespace 中打开”。

   

运行应用程序

创建 codespace 后，模板存储库将自动克隆到其中。 现在，您可以运行该应用程序并在浏览器中启动它。

1. 当终端可用时，输入命令 npm run dev。 此示例使用 Node.js 项目，此命令运行 package.json 文件中标记为“dev”的脚本，该脚本启动示例存储库中定义的 Web 应用程序。

   

   如果按照其他应用程序类型进行操作，请为该项目输入相应的启动命令。

2. 当应用程序启动时，codespace 会识别运行应用程序的端口，并显示一条弹出消息，说明该端口已转发。

   

3. 单击“在浏览器中打开”，在新选项卡中查看正在运行的应用程序。

编辑应用程序并查看更改

1. 切换回 codespace，并通过在文件资源管理器中单击 haikus.json 文件来打开该文件。

2. 编辑第一个俳句的 text 字段，从而使用自己的俳句个性化应用程序。

3. 返回到浏览器中正在运行的应用程序选项卡，然后刷新以查看所做的更改。

   如果已关闭浏览器标签页，请单击 VS Code 中的“端口”选项卡，将鼠标悬停在正在运行的端口的“本地地址”值上，然后单击“在浏览器中打开”图标 。

   

提交和推送更改

现在，你已经进行了一些更改，可以使用集成终端或源视图将工作发布到新的存储库。

1. 在活动栏中，单击“源代码管理”视图。

   

2. 若要暂存更改，请单击 haikus.json 文件旁边的 ，如果更改了多个文件并希望全部暂存，请单击“更改”旁边的按钮。