Учебники

Angular7 — CLI Prompts

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 .