一位身穿蓝色T恤的开发人员坐在家中，坐在一个装饰有GitHub Octocat标志的防喷罩和麦克风后面。 开发人员共享其屏幕，同时仍显示在右上角的网络摄像头上。 在其屏幕上，他们正在查看名为“js-project”的GitHub存储库。
开发人员：因此，今天我们将在 GitHub Codespaces 中运行 JavaScript 项目。
[在存储库页面上的文件列表上方，开发人员选择“代码”按钮，打开下拉菜单。 他们单击“使用 Codespaces 打开”，然后单击“新建 codespace”。]
开发人员：那么，当我们创建 codespace 时，你可能会有以下问题：“codespace 究竟是什么？”
[在浏览器中，加载 codespace。 在白色背景中，文本“准备代码空间”显示在GitHub的 Octocat 徽标和 VS Code 徽标下方。
开发人员：codespace 是一个即时的云开发人员环境，我们可以在其中执行运行、测试、调试和推送等我们已习惯在开发环境中执行的所有操作，但不需要任何我们习惯在本地执行的计算机设置。
[Codespace 在浏览器中的 VS Code Web 编辑器中打开，以深色主题运行。 存储库中的目录和文件显示在左侧边栏中。 在集成终端中，消息显示“欢迎使用 Codespaces”，并列出包含的运行时和工具。]
开发人员：因此，当我们创建此代码空间时，你会看到我们进入了一台已经配置好的机器，并拥有 Python、Node、Docker 以及更多工具，如 Java、Rust、Go 和 C++。
但你会看到我们进入了默认映像。 Codespaces 的一大优势是，你可以完全自定义设置，不仅是你，此存储库中的其他人也可以使用这一功能。 这样就能获得“配置即代码”设置功能，以便使用自己的映像、Dockerfile 或 Docker Compose。
因此，对我们的应用来说，我们实际上只要继续操作，然后启动它。 现在，我将在此处运行 npm start，你将看到我们得知应用在端口 3000 上运行，我们可以在浏览器中将其打开，并安全地连接到可使我们的应用完全正常运行的转发端口。
[显示转发端口的弹出窗口。 在弹出窗口中，开发人员单击标有“在浏览器中打开”的按钮。 此时会打开一个新的浏览器选项卡，其中显示了标题为“致 Mona 的俳句”的网页。 网页上的一张卡通图片显示了笑容满面的章鱼猫 Mona 跳过一个水坑，旁边有一把紫色雨伞。 图像下方有一首俳句：“西雅图下雨了。 别忘了带上雨伞，以免影响一整天的好心情。”]
开发人员：现在，你将看到此处的 Node 应用，连接到 codespace 中，已经正确启动并开始运行。 大约花了 60 秒才在 Codespaces 中完成设置。
[开发人员滚动到 Mona 用触手戳动留声机的图像。]
开发人员：因此，你可以想象这项完全自定义的功能，可以真正为所拥有的每个存储库缩短设置时间。
快速了解一下对GitHub Codespaces的认识。
口述文本结尾。 有关 GitHub Codespaces 的信息，请参阅 GitHub Codespaces 文档。