От начальной стадии до ~ v6 Angular CLI, CLI становится зрелым день ото дня с множеством улучшений и новых функций.

Хотя Angular CLI предоставляет так много замечательных функций с использованием командной строки, как -

  • Чтобы создать новый проект - ng new projectName
  • Чтобы создать компонент - новый компонент имя-компонента (или имя-компонента)

… И многое другое (вы можете проверить подробности здесь)

О - - флаги Angular CLI

Как следует из названия, эта статья посвящена замечательной функции Angular CLI, которой является флаги. Теперь у Angular CLI есть множество флагов, которые мы можем использовать для экономии времени.

Но дело в том, что нет такой статьи / официальной документации, которая предоставляет нам список всех флагов, используемых с Angular.

Итак, после некоторых исследований и разработок я попытаюсь прикрыть какой-нибудь флаг.

  1. Чтобы открыть проект автоматически во вкладке браузера
ng serve --o 
OR
ng serve --open

2. Создайте проект с файлом маршрутизации по умолчанию.

ng new ProjectName --routing

3. Запустите проект на другом порту (кроме порта по умолчанию 4200).

ng serve --port 4201

4. Изменение базовой href во время сборки.

ng build --base-href=yourValue
OR
ng build --base-href /myUrl/

5. Для работоспособности вашего приложения

* ng build --prod
* ng build --aot

6. Добавление настраиваемого префикса для нового проекта.

ng new your-project --prefix custom

7. Для встроенного шаблона / стиля вашего компонента

ng g c button --inline-style --inline-template

Вы можете кого угодно в соответствии с вашими требованиями.

8. Избегайте хеширования имен файлов при сборке приложения.

ng build -prod --output-hashing none
OR
ng build -prod --output-hashing=none

Если вы просто запустите ng build Angular, будет создана dist папка с именами файлов, содержащими хэш, но с помощью --output-hashing none вы можете избежать этих хеш-имен.

БОНУС

  • Чтобы создать package.json без запроса конфигурации, такой как имя, версия и т. Д. Эта команда автоматически создаст файл package.json с конфигурацией по умолчанию
npm init --yes
OR
npm i --yes
  • Если вы хотите найти что-то в официальной документации Angular, вы можете сделать это через командную строку с помощью простого запроса
ng doc yourKeyword

Надеюсь, вам ВСЕМ понравятся эти полезные команды Angular CLI. Если у кого-то появятся новые - отметьте, дайте мне знать в комментариях, я обновлю пост.

Отзывы всегда приветствуются :)