Angular 2 - интерфейс командной строки
Интерфейс командной строки (CLI) можно использовать для создания нашего приложения Angular JS. Это также помогает в создании модульных и сквозных тестов для приложения.
Официальный сайт Angular CLI: https://cli.angular.io/
![](https://post.nghiatu.com/assets/tutorial/angular2/images/angular_io.jpg)
Если вы нажмете на кнопку «Начать», вы будете перенаправлены в репозиторий github для интерфейса командной строки. https://github.com/angular/angular-cli
![](https://post.nghiatu.com/assets/tutorial/angular2/images/angular_cli.jpg)
Давайте теперь посмотрим, что мы можем делать с Angular CLI.
Установка CLI
Note- Убедитесь, что в системе установлен Python. Python можно скачать с сайтаhttps://www.python.org/
![](https://post.nghiatu.com/assets/tutorial/angular2/images/python.jpg)
Первым делом нужно установить CLI. Мы можем сделать это с помощью следующей команды -
npm install –g angular-cli
Теперь создайте новую папку с именем angularCLI в любом каталоге и выполните указанную выше команду.
![](https://post.nghiatu.com/assets/tutorial/angular2/images/angular_cli_directory.jpg)
После этого будет установлен CLI.
![](https://post.nghiatu.com/assets/tutorial/angular2/images/cli_installed.jpg)
Создание проекта
Angular JS-проект можно создать с помощью следующей команды.
Синтаксис
ng new Project_name
Параметры
Project_name - Это название проекта, который необходимо создать.
Вывод
Никто.
пример
Выполним следующую команду, чтобы создать новый проект.
ng new demo2
Он автоматически создаст файлы и начнет загрузку необходимых пакетов npm.
![](https://post.nghiatu.com/assets/tutorial/angular2/images/npm_packages.jpg)
Теперь в коде Visual Studio мы можем открыть только что созданный проект.
![](https://post.nghiatu.com/assets/tutorial/angular2/images/newly_created_project.jpg)
Запуск проекта
Чтобы запустить проект, вам нужно выполнить следующую команду -
ng server
![](https://post.nghiatu.com/assets/tutorial/angular2/images/ng_server.jpg)
Номер порта по умолчанию для запущенного приложения - 4200. Вы можете перейти к порту и увидеть, как работает приложение.
![](https://post.nghiatu.com/assets/tutorial/angular2/images/app_works.jpg)