Angular7 - Подсказки CLI

Angular CLI позволяет легко начать с любого проекта Angular. Angular CLI поставляется с командами, которые помогают нам очень быстро создавать и запускать наш проект. Давайте теперь рассмотрим команды, доступные для создания проекта, компонента и служб, изменения порта и т. Д.

Чтобы работать с Angular CLI, нам нужно, чтобы он был установлен в нашей системе. Давайте использовать следующую команду для того же -

npm install -g @angular/cli

Чтобы создать новый проект, мы можем запустить следующую команду в командной строке, и проект будет создан.

ng new PROJECT-NAME 
cd PROJECT-NAME 
ng serve //

ng serve // will compile and you can see the output of your project in the browser −

http://localhost:4200/

4200 - это порт по умолчанию, используемый при создании нового проекта. Вы можете изменить порт с помощью следующей команды -

ng serve --host 0.0.0.0 --port 4201

Команда для обновления Angular

Если вы хотите обновить свое приложение и его зависимости, вы можете использовать следующую команду -

ng update @angular/cli @angular/core

Он обновит базовый фреймворк до последней версии, то есть Angular 7, а также angular-cli. Вы можете использовать указанную выше команду со следующими параметрами -

Список важных команд Angular

В следующей таблице перечислены несколько важных команд, необходимых при работе с проектами Angular 7.

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

Component

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

2

Directive

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

3

Pipe

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

4

Service

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

5

Module

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

6

Test

нг тест

7

Build

ng build --configuration = production // для производственной среды

ng build --configuration = staging // для определения среды

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