Запуск Angular с помощью строки Angular CLI
Development, Java | Комментировать запись
Любой проект Angular включает в себя множество движущихся частей. Angular CLI (интерфейс командной строки) – это новый инструмент, который позволяет легко запускать проекты, генерировать компоненты, маршруты или сервисы, обслуживать проекты и запускать тесты.
Примечание: В этом руководстве используется Angular 2 и новее.
Установка Angular CLI
Первый шаг – установить пакет Angular CLI с помощью npm:
$ npm install -g @angular/cli
Эта команда установит Angular CLI глобально. Если npm пожалуется, попробуйте запустить эту команду с помощью sudo:
$ sudo npm install -g @angular/cli
Запуск нового проекта
Сначала с помощью терминала перейдите в тот каталог, который будет родительским каталогом вашего проекта, затем выполните эту команду:
$ ng new app-name
Она создаст простой проект Angular со всеми необходимыми компонентами, чтобы вы могли сразу приступить к написанию кода. Вот пример того, как будет выглядеть структура каталогов вашего нового проекта:
├── README.md ├── angular-cli.json ├── **e2e …** ├── karma.conf.js ├── **node\_modules …** ├── package.json ├── protractor.conf.js ├── **src …** └── tslint.json
Обслуживание проекта
По умолчанию будет запущен локальный сервер. Он работает по адресу http://localhost:4200. Этот сервер будет следить за изменениями в вашем проекте и автоматически обновлять страницу. Запустите следующую команду из каталога проекта:
$ ng serve
Команда ng generate
Используйте ng generate для создания необходимых для вашего проекта вещей: компонентов, маршрутов, каналов, сервисов и директив. К примеру, чтобы создать компонент, нужно ввести:
$ ng generate component path/component-name
Тестирование
Чтобы запустить тест вашего приложения, используйте следующую команду:
$ ng test
Заключение
Angular CLI – очень мощный инструмент с кучей полезных функций и команд. Здесь вы познакомились с самыми базовыми возможностями командной строки Angular.
Читайте также:
Tags: Angular, Angular CLI