[一位身穿蓝色 T 恤的开发者坐在家中，对着麦克风和一个装饰有 GitHub 八爪猫标志的防喷罩。这位开发者在分享自己的屏幕的同时，在右上角显示了网络摄像头中的画面。在他们的屏幕上，他们正在查看名为“js-project”的 GitHub 存储库。]
开发者：所以，今天我们将在 GitHub Codespaces 中运行我的 JavaScript 项目。
[在存储库页面上，在文件列表上方，开发者选择“代码”按钮以打开一个下拉菜单。他们单击“使用 Codespaces 打开”，然后单击“新建 Codespace”。]
开发者：所以，在我们创建 Codespace 的同时，你可能会问，“Codespace 到底是什么？”
[在浏览器中，Codespace 加载。在白色背景上，文本“正在准备您的 Codespace”显示在 GitHub 八爪猫标志和 VS Code 标志下方。]
开发者：代码空间是一个即时云开发者环境，我们可以在其中运行、测试、调试、推送：我们习惯在开发环境中进行的所有操作，但无需进行我们习惯在本地进行的任何机器设置。
[代码空间在浏览器中的 VS Code Web 编辑器中打开，以深色主题运行。目录和来自存储库的文件显示在左侧边栏中。在集成终端中，一条消息显示“欢迎使用代码空间”，并列出了包含的运行时和工具。]
开发者：因此，当我们创建此代码空间时，您会看到我们登录到一台已经设置好的机器，它具有 Python、Node、Docker，甚至更多，因此它具有 Java、Rust、Go 和 C++ 等工具。
但您会看到我们登录到默认映像。代码空间的优点是您可以完全自定义您的设置，不仅适合您，还适合使用此存储库的其他所有人。因此，您可以拥有一个“配置即代码”设置，允许您使用自己的映像、Dockerfile 或 Docker Compose。
因此，对于我们的应用程序，我们实际上将继续并启动它。因此，我将在此处运行npm start，您会看到我们被告知我们的应用程序正在端口 3000 上运行，我们可以将其打开在浏览器中，并安全地连接到已将我们的应用程序完全启动并运行的转发端口。
[显示转发端口的弹出窗口。在弹出窗口上，开发者单击一个标记为“在浏览器中打开”的按钮。一个新的浏览器选项卡打开，显示一个名为“Mona 的俳句”的网页。在网页上，一张卡通图片显示了咧嘴笑的 Mona 章鱼猫用一把紫色雨伞跳过一个水坑。图片下方是一首俳句：“西雅图下雨。别忘了带伞，否则会很沮丧。”]
开发者：所以您会看到我的 Node 应用程序已启动并运行，并连接到代码空间中。在代码空间中设置它大约花费了我们 60 秒。
[开发者滚动到 Mona 用她的触角戳唱机的一张图片。]
开发者：因此，您可以想象这是完全自定义的，可以真正减少您拥有的每个存储库的设置时间。
这是对 GitHub 代码空间的快速了解。
转录结束。有关 GitHub 代码空间的更多信息，请参阅 GitHub 代码空间文档。