От начальной стадии до ~ v6 Angular CLI, CLI становится зрелым день ото дня с множеством улучшений и новых функций.
Хотя Angular CLI предоставляет так много замечательных функций с использованием командной строки, как -
- Чтобы создать новый проект - ng new projectName
- Чтобы создать компонент - новый компонент имя-компонента (или имя-компонента)
… И многое другое (вы можете проверить подробности здесь)
О - - флаги Angular CLI
Как следует из названия, эта статья посвящена замечательной функции Angular CLI, которой является флаги. Теперь у Angular CLI есть множество флагов, которые мы можем использовать для экономии времени.
Но дело в том, что нет такой статьи / официальной документации, которая предоставляет нам список всех флагов, используемых с Angular.
Итак, после некоторых исследований и разработок я попытаюсь прикрыть какой-нибудь флаг.
- Чтобы открыть проект автоматически во вкладке браузера
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. Если у кого-то появятся новые - отметьте, дайте мне знать в комментариях, я обновлю пост.
Отзывы всегда приветствуются :)