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.