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
В следующей таблице перечислены несколько важных команд, необходимых для работы с проектами Angular 4.
Составная часть | нг г компонент новый компонент |
директива | нг г директива новая директива |
труба | нг г труба новая труба |
обслуживание | нг сервис новый сервис |
модуль | нг г модуль мой-модуль |
Каждый раз, когда создается новый модуль, компонент или служба, его ссылка обновляется в родительском модуле app.module.ts .