签到：单元 1 - 设置

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

¥Now that you know what you’re going to build, it’s time to set up all the tools you’ll need!

本单元向你展示如何设置开发环境并部署到 Netlify。如果你已经熟悉自己的环境和工作流程，请跳至单元 2。

¥This unit shows you how to set up your development environment and deploy to Netlify. Skip ahead to Unit 2 if you are already comfortable with your environment and workflow.

Want to complete this tutorial in an online code editor instead?

Follow these instructions, then go directly to Unit 2!

Set up StackBlitz

Visit astro.new and click the button to open the “Empty Project” template in StackBlitz.
Click “Sign in” on the top right to log in using your GitHub credentials.
In the upper left of the StackBlitz editor window, click to “fork” the template (save to your own account dashboard).
Wait for the project to load, and you will see a live preview of the “Empty Project” starter.

Make a Change

In the file pane, you should see src/pages/index.astro. Click to open it, and follow Write your first line of Astro to make a change to this file.

Create a GitHub Repository

Press the Connect Repository button at the top of your list of files, enter a new name for your repository, and click Create repo & push.
When you have changes to be committed back to GitHub, a “Commit” button will appear at the top left of your workspace. Clicking on this will allow you to enter a commit message, and update your repository.

Deploy your Site

If you’d like to deploy to Netlify, skip to Deploy your site to the web. Otherwise, skip to Unit 2 to start building with Astro!

你要去哪里？

¥Where are you going?

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

¥In this unit, you will create a new project that is stored online in GitHub and connected to Netlify.

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

¥As you write code, you will periodically commit your changes to GitHub. Netlify will use the files in your GitHub repository to build your website, and then publish it on the internet at a unique address where anyone can view it.

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

¥Every time you commit a change to GitHub, a notification will be sent to Netlify. Then, Netlify will automatically rebuild and republish your live site to reflect those changes.

清单

¥Checklist

我准备好为 Astro 项目准备开发环境了！