Angular CLI - Обзор

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.

Старший Нет Команды и описание
1

Component

ng g component новый компонент

2

Directive

директива ng g новая директива

3

Pipe

нг труба новая труба

4

Service

нг г сервис новый сервис

5

Module

ng g модуль мой модуль

Каждый раз, когда создается новый модуль, компонент или служба, ссылка на них обновляется в родительском модуле. app.module.ts.