我们经常发布文档更新,此页面的翻译可能仍在进行中。有关最新信息,请访问英文文档。如果此页面上的翻译有问题,请告诉我们

在代码空间中开发

您可以在 GitHub 上打开代码空间,然后使用 Visual Studio Code 的功能进行开发。

任何人都可以在其用户帐户拥有的代码空间内开发。

代码空间可用于使用 GitHub Free 或 GitHub Pro 的用户帐户。 For more information, see "GitHub's products."

本文内容

此文档对您有帮助吗?

帮助我们创建出色的文档!

所有 GitHub 文档都是开源的。看到错误或不清楚的内容了吗?提交拉取请求。

做出贡献

或, 了解如何参与。

注:Codespaces 目前是有限公测版,可能会有变动。 在公测期间,GitHub 不对 Codespaces 的可用性做任何保证。 有关加入公测的更多信息,请参阅“关于 Codespaces”。

You can edit code, debug, and use Git commands while developing in a codespace with Visual Studio Code. 更多信息请参阅 Visual Studio Code 文档

为获取 Codespaces 最佳使用体验,建议使用基于 Chromium 的浏览器,如 Google Chrome 或 Microsoft Edge。 更多信息请参阅“代码空间故障排除”。

从 Visual Studio Code 连接到代码空间

您可以直接从 Visual Studio Code 连接至您的代码空间。 更多信息请参阅“在 Visual Studio Code 中使用代码空间”。

导航到您的代码空间

  1. 在任何页面顶部,单击 Codespaces(代码空间)
    标头中的 Codespaces 链接
  2. 单击您要在其中开发的代码空间的名称。
    代码空间的名称

转发端口

通过端口转发,您可以访问在代码空间内运行的 TCP 端口。 例如,如果您在端口 3000 上运行 Web 应用程序,您可以从浏览器访问该应用程序以测试和调试它。

在代码空间内运行的应用程序向控制台输出端口时,Codespaces 将检测到 localhost URL 模式并自动转发这些端口。 您可以单击终端中的 URL 在浏览器中打开它。 例如,如果应用程序向控制台输出 http://127.0.0.1:3000http://localhost:3000,则日志会自动将输出转换为端口 3000 的可单击 URL。

自动端口转发

或者,您也可以使用以下任意方式转发端口。

  • 您可以通过触发命令面板 (shift command P / shift control P) 并键入 "Codespaces: Forward Port" 来按需转发端口。 然后,您可以输入要转发的端口的编号。

    命令面板端口转发

  • 您可以使用 forwardPorts 属性在 .devcontainer.json 文件中自动配置转发的端口。

  • 您可以在远程资源管理器扩展中添加或删除转发的端口。 从远程资源管理器中,您可以复制和粘贴转发端口的 URL,从而可以通过浏览器访问它们。

    远程资源管理器端口转发

此文档对您有帮助吗?

帮助我们创建出色的文档!

所有 GitHub 文档都是开源的。看到错误或不清楚的内容了吗?提交拉取请求。

做出贡献

或, 了解如何参与。