[一位身穿蓝色 T 恤的开发人员坐在家中，身前有一个麦克风，其防风罩上装饰有一个 GitHub 的章鱼猫徽标。 开发人员共享其屏幕，同时仍显示在右上角的网络摄像头上。 在屏幕上，他们正在查看名为“js-project”的 GitHub 存储库。]
开发人员：今天我们将在 GitHub Codespaces 中运行 JavaScript 项目。
[在存储库页面上的文件列表上方，开发人员选择“代码”按钮，打开下拉菜单。 他们单击“使用 Codespaces 打开”，然后单击“新建 codespace”。]
开发人员：那么，当我们创建 codespace 时，你可能会有以下问题：“codespace 究竟是什么？”
[在浏览器中，加载 codespace。 在白色背景中，文本“准备 codespace”显示在 GitHub 的章鱼猫徽标和 VS Code 徽标下方。]
开发人员：codespace 是一个即时的云开发人员环境，我们可以在其中执行运行、测试、调试和推送等我们已习惯在开发环境中执行的所有操作，但不需要任何我们习惯在本地执行的计算机设置。
[Codespace 在浏览器中的 VS Code Web 编辑器中打开，以深色主题运行。 存储库中的目录和文件显示在左侧边栏中。 在集成终端中，消息显示“欢迎使用 Codespaces”，并列出包含的运行时和工具。]
开发人员：当我们创建此 codespace 时，你将看到我们进入了一台经过设置的计算机中，该计算机安装了 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 文档。