Angular CLI позволяет легко начать с любого проекта Angular. Angular CLI поставляется с командами, которые помогают нам очень быстро создавать и запускать наш проект. Давайте теперь рассмотрим доступные команды для создания проекта, компонента и служб, изменения порта и т. Д.
Для работы с Angular CLI нам необходимо установить его в нашей системе. Давайте использовать следующую команду для того же —
npm install -g @angular/cli
Чтобы создать новый проект, мы можем запустить следующую команду в командной строке, и проект будет создан.
ng new PROJECT-NAME cd PROJECT-NAME ng serve //
ng serve // будет скомпилирован, и вы сможете увидеть результаты вашего проекта в браузере —
http://localhost:4200/
4200 — порт по умолчанию, используемый при создании нового проекта. Вы можете изменить порт с помощью следующей команды —
ng serve --host 0.0.0.0 --port 4201
Команда для углового обновления
Если вы хотите обновить приложение и его зависимости, вы можете использовать следующую команду:
ng update @angular/cli @angular/core
Он обновит базовую платформу до последней версии, то есть Angular 7, а также angular-cli. Вы можете использовать вышеуказанную команду со следующими параметрами —
Угловой список важных команд
В следующей таблице перечислены несколько важных команд, необходимых для работы с проектами Angular 7:
Sr.No | Команды и описание |
---|---|
1 |
Составная часть нг г компонент новый компонент |
2 |
директива нг г директива новая директива |
3 |
труба нг г труба новая труба |
4 |
обслуживание нг сервис новый сервис |
5 |
модуль нг г модуль мой-модуль |
6 |
Тестовое задание нг тест |
7 |
строить ng build —configuration = production // для производственной среды ng build —configuration = staging // для определения среды |
Составная часть
нг г компонент новый компонент
директива
нг г директива новая директива
труба
нг г труба новая труба
обслуживание
нг сервис новый сервис
модуль
нг г модуль мой-модуль
Тестовое задание
нг тест
строить
ng build —configuration = production // для производственной среды
ng build —configuration = staging // для определения среды
Каждый раз, когда создается новый модуль, компонент или служба, его ссылка обновляется в родительском модуле app.module.ts .