Генерация кода с помощью ng generate
Создавайте каркас компонентов, служб и других элементов.
«Генерация кода с помощью ng generate» — бесплатный урок Angular Academy на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Angular Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Angular Academy содержит 4 уроков всего.
Генерация кода с помощью ng generate
Команда ng generate (сокращённо ng g) создаёт каркас строительных блоков Angular с правильным шаблонным кодом и соглашениями об именовании.
Генерация компонента
Создайте автономный компонент одной командой.
ng generate component hello
# short form:
ng g component helloЧто создаётся
Команда создаёт hello.component.ts, .html, таблицу стилей и тест .spec.ts, используя автономный режим по умолчанию.
Генерация в папке
Укажите путь, чтобы разместить компонент во вложенной папке.
ng g component features/dashboardГенерация службы
Создайте внедряемую службу с помощью схемы службы.
ng g service data
# creates data.service.ts with @InjectableГенерация директивы
Автономные директивы создаются аналогичным образом.
ng g directive highlightГенерация канала
Создайте пользовательский канал для преобразований шаблона.
ng g pipe truncateГенерация защитника
Защитники маршрутов контролируют навигацию. CLI создаёт функциональные защитники.
ng g guard authПредварительный просмотр без изменений
Используйте флаг пробного запуска, чтобы просмотреть, что будет создано, не записывая файлы.
ng g component hello --dry-runПропуск файла теста
Добавьте флаг, чтобы не создавать тест .spec.ts, если он Вам не нужен.
ng g component hello --skip-testsВстроенный шаблон и таблицы стилей
Можно запросить встроенные шаблон и таблицы стилей вместо отдельных файлов.
ng g component badge --inline-template --inline-styleБыстрая проверка: ng generate
Создание каркаса строительных блоков.
Повторение: генерация
ng generate (ng g) создаёт каркас компонентов, служб, директив, каналов и защитников с соблюдением правильных соглашений. Флаги --dry-run, --skip-tests и --inline-template позволяют настроить результат. Далее: сборка и запуск.
Часто задаваемые вопросы
Урок «Генерация кода с помощью ng generate» бесплатный?
Да — полный текст урока «Генерация кода с помощью ng generate» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Angular Academy, подпишись на CoddyKit PRO. Курс Angular Academy содержит 4 уроков всего.
Чему я научусь в уроке «Генерация кода с помощью ng generate»?
Создавайте каркас компонентов, служб и других элементов. Ты практикуешь Angular Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Angular Academy?
Предыдущий опыт не требуется. Angular Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.
Сколько времени занимает урок «Генерация кода с помощью ng generate»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Angular Academy?
Да. Каждый урок Angular Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Создание нового проекта
- Обзор структуры проекта
- Генерация кода с помощью ng generate
- Сборка и запуск