回顾：单元 1 - 设置

既然你已经知道要构建什么，现在是时候设置你所需要的所有工具了！

本单元将向你展示如何设置开发环境并部署到 Netlify。如果你已经对自己的环境和工作流程感到满意，可以直接跳到第 2 单元。

想在在线代码编辑器中完成本教程吗？请按照以下说明在 Google IDX 上开始。

使用 Google IDX：请按照以下说明操作，然后直接进入第 2 单元！

设置 IDX

点击外部链接在 IDX 的新工作区中打开“空项目”模板。
如果你尚未登录，请按照提示登录你的 Google 帐户。
如果你想更改默认的“空项目”名称，请输入你的项目名称。点击创建。
等待工作区创建完成。这可能需要 30-60 秒。如果一切顺利，你将在在线代码编辑器中看到已加载的 Astro 项目。
等待 IDX 运行两个脚本：一个用于安装 Astro，另一个用于启动开发服务器。请注意，如果你的工作区在 Astro 完成安装之前加载，你可能会短暂地看到一条消息，提示你的工作区“找不到 Astro”。如果此消息没有自动清除，可以忽略并取消它。

进行更改

如果一切顺利，你应该会看到文件 src/pages/index.astro 的代码在分屏中打开，旁边是网站的实时预览。按照“编写你的第一行 Astro 代码”的说明对此文件进行更改。

创建 GitHub 仓库

导航到垂直菜单栏中的“源代码管理”导航项，或使用 CTRL + SHIFT + G 打开。
选择“发布到 GitHub”选项。这将在你的 GitHub 帐户中创建一个新仓库。
按照提示登录你的 GitHub 帐户。
登录后，返回 IDX 选项卡，你可以选择为新仓库命名，以及是创建私有仓库还是公共仓库。在本教程中，你可以选择任何名称和任何一种仓库类型。
IDX 将进行初始提交并发布到你的新 GitHub 仓库。
之后，每当有更改需要提交到 GitHub 时，“源代码管理”导航图标都会显示一个数字。这个数字是自上次提交以来已更改的文件数。导航到此选项卡并执行两个步骤（提交和发布），即可输入提交信息并更新你的仓库。

部署你的站点

如果你想部署到 Netlify，并在工作时拥有一个实时发布的网站版本，请继续在第 1 单元中将你的网站部署到网络。

否则，请跳到第 2 单元，开始使用 Astro 进行构建！

你的目标是什么？

在本单元中，你将创建一个新项目，该项目将在线存储在 GitHub 上，并连接到 Netlify。

当你编写代码时，你将定期将更改提交到 GitHub。Netlify 将使用你 GitHub 仓库中的文件来构建你的网站，然后将其发布到互联网上的一个唯一地址，任何人都可以查看。

每次你向 GitHub 提交更改时，都会向 Netlify 发送一个通知。然后，Netlify 将自动重新构建并重新发布你的实时站点以反映这些更改。