Angular - это мощный фреймворк для создания отличного проекта, когда мы говорим, что имя angular сначала приходит в голову, это Google, но angular также имеет мощную вещь, называемую интерфейсом командной строки Angular (CLI), который позволяет разработчикам работать проще и быстрее. Угловые приложения.
Angular CLI помогает:
Начальная загрузка проекта Создает начальную структуру проекта с корневым модулем NgModule и корневым компонентом и загружает ее с помощью метода platformBootstrapDynamic.
Проект также настроен на использование загрузчика веб-пакетов, который обрабатывает такие вещи, как загрузка модулей, объединение и минификация зависимого кода.
Основные команды, которые необходимо знать
npm install--g @angular/cli
Эта команда в основном используется для глобальной установки Angular CLI в вашей системе. После установки вы можете создать новый проект.
ng help
Предоставление доступной команды онлайн-справки, связанной с angular, путем выполнения этой команды. Эта помощь может быть опцией разновидностей, список деталей появится в подсказке о том, какие все доступные опции присутствуют в angular CLI.
ng generate --help
Эта команда дает полный список исполняемых команд в angular с упоминанием некоторого общего краткого описания. Пользователь может легко понять, какую команду нужно использовать для какой цели, выполнив эту команду. Он также в основном предоставляет онлайн-справку на angular с некоторым дополнительным кратким описанием для правильной видимости для пользователя. Попробуй.
ng new angular-first-project
Эта команда используется для создания одного нового базового проекта в angular со всеми необходимыми зависимостями и структурой папок, разработчику необходимо перейти в соответствующую рабочую область и выполнить эту команду для создания одного нового проекта.
ng serve
Эта команда в основном помогает создавать приложение и обеспечивать его локальную доступность. Выполняя эту команду, сервер отвечает за автоматическое восстановление всех изменений кода и немедленно перезагружает их на страницах, если разработчик что-либо изменяет в исходном файле.
Несколько подкоманд также доступны с ng serve. Нравиться
ng serve -o
Эта команда открывает браузер при компиляции кода.
ng serve --host 0.0.0.0 --disable-host-check
Разрешите вам подключиться к серверу ng, используя ваш IP вместо localhost, и это отключит проверку хоста и разрешит доступ извне (вместо localhost) с IP-адресом.
ng serve --port 4200
Укажите порт, который будет прослушивать приложение.
ng config
Эта команда в основном помогает получить все подробности конфигурации и возможность настройки или редактирования соответствующей настройки конфигурации из командной строки.
Существует некоторый общий механизм, которому должен следовать разработчик angular, например, имя файла конфигурации должно сохраняться в верблюжьем регистре, тогда как имя параметра выполняемой команды может быть в верблюжьем регистре или обычным.
ng --build my-first-app -c production
Эта команда в основном используется для создания нового приложения, которое было разработано, а также для копирования того же приложения сборки в производственную среду. Эта команда полезна для преобразования вашего кода в JS с очень минимальным и утерянным файлом JS. Команда должна выполняться внутри каталога рабочей области. После выполнения этой команды он сгенерировал один выходной каталог с именем dist / на указанном пути вывода.
Команда build дает несколько дополнительных опций.
--allowed-common-js-dependencies
Список пакетов CommonJS, которые разрешено использовать без предупреждения о времени сборки, но перед предоставлением опции обязательно укажите его в массиве.
allowedCommonJsDependencies »: [« lodash »]
-- base-href
Базовый URL-адрес создаваемого приложения.
-- build-optimizer
Включает оптимизацию @angular -devkit / build-optimizer при использовании параметра aot.
-- delete-output-path
Удалите выходной путь перед построением.
-- named-chunks
Используйте имя файла для ленивых загружаемых фрагментов.
Промежуточные команды
Есть несколько других популярных команд, которые также используются разработчиком Angular, которые используются реже, но более эффективны.
ng e2e
ng e2e (жасмин + транспортир). Это очень полезно для обычного разработчика, особенно в случае непрерывного тестирования приложения, разработанного на Angular. Выполнение этой команды гарантирует создание приложения и его обслуживание локально с изменениями обновления.
Тесты транспортира используют реальные данные и выполняют HTTP-вызовы (или что-то еще, что вы используете) для получения данных и их использования / тестирования.
ng lint
Это сделано для того, чтобы связать приложение angular с одним популярным инструментом линтинга. Это помогает запускать этот инструмент линтинга на разработанном коде в angular в предоставленной папке проекта. Это в основном обеспечение качества кода.
ng run
Эта команда в основном помогает запускать одну из целей архитектора, получая помощь с настраиваемой дополнительной конфигурацией здания. Такая конфигурация обычно определяется ранее в связи с проектом.
Дополнительные команды
ng new app-name — prefix yourcustomname
Эта команда префикса добавит префикс во все селекторы в приложении.
ng serve --hmr
Angular 11 CLI добавил этот новый HMR, который вводит изменения без перезапуска приложения. Это большое изменение в интерфейсе командной строки angular, которое сделает разработку более продвинутой и простой.
ng lint --fix
Эта команда запускается, и она проверяет любую проблему с ворсом в проекте.
Исправление - это категория, которая означает попытку исправить любые существующие ошибки.
Это наиболее часто используемые команды CLI, которые требовались разработчику в повседневной разработке. Пожалуйста, хлопните, если вам нравятся статьи.
Продолжайте кодировать, спасибо за чтение этого блога.
