Сборка и запуск
Запускайте сервер разработки и создавайте сборки.
«Сборка и запуск» — бесплатный урок Angular Academy на CoddyKit. Это урок 4 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Angular Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Angular Academy содержит 4 уроков всего.
Сборка и запуск
Во время разработки CLI запускает приложение локально, а для production создаёт оптимизированный результат. Две основные команды — ng serve и ng build.
ng serve
ng serve запускает локальный сервер разработки с автоматической перезагрузкой. Измените файл — и браузер обновится автоматически.
ng serveАдрес по умолчанию
По умолчанию сервер разработки работает по адресу http://localhost:4200. Откройте этот URL, чтобы увидеть приложение.
Изменение порта и хоста
Переопределите порт или хост с помощью флагов.
ng serve --port 4300 --host 0.0.0.0Открытие браузера
Флаг открытия автоматически запускает браузер по умолчанию.
ng serve --open
# or: ng serve -ong build
ng build компилирует приложение в статические файлы для развёртывания и записывает их в папку dist.
ng buildОптимизация для production
Сборки для production применяют оптимизации: компиляцию заранее, минимизацию, удаление неиспользуемого кода и объединение в пакеты, создавая меньший и более быстрый результат.
Результат в dist
Результат сборки помещается в dist/<project-name>/. Разверните эти статические файлы на любом веб-хостинге или в CDN.
Конфигурации сборки
angular.json определяет конфигурации, например production и development. Выберите одну из них с помощью флага конфигурации.
ng build --configuration productionНаблюдение во время сборки
Если непрерывный запуск сервера не нужен, флаг наблюдения будет заново собирать проект при изменении файлов.
ng build --watchЗапуск тестов
Связанные команды включают ng test для модульных тестов и ng lint (если настроена) для статического анализа.
ng testБыстрая проверка: запуск и сборка
Локальная разработка и развёртывание.
Повторение: сборка и запуск
Используйте ng serve для локальной разработки с автоматической перезагрузкой по адресу localhost:4200, а ng build — для создания оптимизированных статических файлов в dist/ для развёртывания. Конфигурации и флаги позволяют настроить хост, порт и уровень оптимизации. Вы завершили курс по CLI.
Часто задаваемые вопросы
Урок «Сборка и запуск» бесплатный?
Да — полный текст урока «Сборка и запуск» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Angular Academy, подпишись на CoddyKit PRO. Курс Angular Academy содержит 4 уроков всего.
Чему я научусь в уроке «Сборка и запуск»?
Запускайте сервер разработки и создавайте сборки. Ты практикуешь Angular Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Angular Academy?
Предыдущий опыт не требуется. Angular Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 4 из 4.
Сколько времени занимает урок «Сборка и запуск»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Angular Academy?
Да. Каждый урок Angular Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.