[一位开发者穿着蓝色T恤坐在家里，身后是麦克风和装饰有GitHub章鱼猫标志的防喷罩。开发者分享他们的屏幕，同时在右上角显示网络摄像头。在他们的屏幕上，他们正在查看名为“js-project”的GitHub代码库。]
开发者：今天，我们将运行我在GitHub Codespaces中的JavaScript项目。
[在代码库页面上，在文件列表上方，开发者选择“代码”按钮以打开下拉菜单。他们单击“使用Codespaces打开”，然后单击“新建Codespace”。]
开发者：在我们创建Codespace的同时，您可能会有疑问：“Codespace到底是什么？”
[在浏览器中，Codespace加载。在白色背景下，文本“正在准备您的Codespace”显示在GitHub章鱼猫标志和VS Code标志下方。]
开发者：Codespace是一个即时的云端开发环境，我们可以在其中运行、测试、调试、推送：所有我们在本地开发环境中习惯做的事情，但无需进行我们习惯在本地进行的任何机器设置。
[Codespace在浏览器中的VS Code网络编辑器中打开，使用深色主题运行。代码库中的目录和文件显示在左侧边栏中。在一个集成终端中，一条消息显示“欢迎使用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文档。