1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
---
layout: ~/layouts/MainLayout.astro
title: Быстрый старт
---
```shell
# Заметка: проверьте, что у вас установлена Node.js версии 14.15.0+, или 16+
node --version
# Создайте новую директорию и перейдите в неё
mkdir my-astro-project && cd $_
# подготовка к запуску...
npm init astro
# установка зависимостей
npm install
# начинаем разработку!
npm run dev
```
```shell
# когда все готово: запустите сборку вашего статического сайта в директорию `dist/`
npm run build
```
Чтобы узнать больше об установке и использовании Astro, пожалуйста, [прочитайте нашу инструкцию по установке.](installation)
Если вы предпочитаете обучаться по примерам, обратите внимание на [нашу библиотеку примеров](https://github.com/withastro/astro/tree/main/examples) на GitHub. Вы можете развернуть любой из примеров локально, запустив команду `npm init astro -- --template "EXAMPLE_NAME"`.
## Запуск вашего проекта
Находясь в директории проекта запустите команду ниже в терминале:
```bash
npm run dev
```
Astro запустит сервер для разработки по адресу [http://localhost:3000](http://localhost:3000). При открытии этого URL в вашем браузере, вы должны увидеть "Hello, World" от Astro.
Сервер будет следить за изменениями в директории `src/`, значит вам не нужно будет перезапускать сервер каждый раз после внесения изменений.
## Сборка проекта
Чтобы собрать ваш проект, находясь в директории проекта, введите и запустите следующую команду в терминале:
```bash
npm run build
```
Эта команда запустит процесс сборки и сохранит собранный сайт на диск. После выполнения ваш сайт будет находиться в директории `dist/`.
## Деплой вашего сайта
Сайты, созданные с помощью Astro, являются статичными. Это значит, что они могут быть размещены на любом из хостингов, который вы предпочитаете:
- [AWS S3 bucket](https://aws.amazon.com/s3/)
- [Google Firebase](https://firebase.google.com/)
- [Netlify](https://www.netlify.com/)
- [Vercel](https://vercel.com/)
- [Читайте больше о деплое сайтов, собранных с помощью Astro, в нашем руководстве по деплою.](/guides/deploy)
## Следующие шаги
Ура! Теперь вы готовы к разработке!
Мы рекомендуем вам потратить немного времени, чтобы познакомиться с работой Astro ближе. Вы можете сделать это с помощью дальнейшего ознакомления с документацией. Мы советуем изучить следующие материалы:
📚 Узнать больше [о структуре проектов Astro.](/core-concepts/project-structure)
📚 Узнать больше [о синтаксисе компонентов Astro.](/core-concepts/astro-components)
📚 Узнать больше [о роутинге, основанном на файловой структуре.](core-concepts/astro-pages)
|
