Проверка: Модуль 1 - Настройка
Теперь, когда вы знаете, что будете создавать, пришло время настроить все необходимые инструменты!
В этом модуле мы покажем вам, как настроить среду разработки и развернуть сайт на Netlify. Переходите к Модулю 2, если вы уже освоились с окружением и рабочим процессом.
Хотите завершить это пособие в онлайн-редакторе кода?
Следуйте этим инструкциям, а затем переходите непосредственно к Модулю 2!
Настройте StackBlitz
-
Перейдите на astro.new и нажмите кнопку, чтобы открыть шаблон “Empty Project” в StackBlitz.
-
Нажмите «Sign in» в правом верхнем углу, чтобы войти, используя учетные данные GitHub.
-
В верхнем левом углу окна редактора StackBlitz нажмите “fork” (скопировать) шаблона (сохранить в свою учетную запись).
-
Подождите, пока проект загрузится, и вы увидите живой предварительный просмотр стартера “Empty Project”.
Внесите изменения
В панели файлов вы должны увидеть src/pages/index.astro
. Нажмите, чтобы открыть его, и следуйте Напишите свою первую строку в Astro, чтобы внести изменение в этот файл.
Создайте репозиторий на GitHub
-
Нажмите кнопку Connect Repository в верхней части списка файлов, введите новое имя для своего репозитория и нажмите Create repo & push.
-
Когда у вас будут изменения для отправки обратно на GitHub, в верхнем левом углу вашего рабочего пространства появится кнопка “Commit”. Нажав на неё, вы сможете ввести сообщение о коммите и обновить свой репозиторий.
Разверните ваш сайт
Если вы хотите развернуть сайт на Netlify, переходите к Разместите свой сайт в Интернете. В противном случае перейдите к Модулю 2, чтобы начать создавать с Astro!
Что мы сделаем?
Заголовок раздела Что мы сделаем?В этом модуле вы создадите новый проект, который будет храниться на GitHub и подключен к Netlify.
По мере написания кода вы будете периодически фиксировать свои изменения на GitHub. Netlify будет использовать файлы в вашем репозитории GitHub для создания вашего сайта, а затем опубликует его в Интернете по уникальному адресу, где любой желающий сможет его просмотреть.
Каждый раз, когда вы фиксируете изменения на GitHub, в Netlify отправляется уведомление. Затем Netlify автоматически пересоздаст и снова опубликует ваш сайт, чтобы отобразить эти изменения.