Angular CLI (Command Line Interface) – это мощный инструмент, который помогает разработчикам быстро создавать, разрабатывать и поддерживать приложения Angular. Он предоставляет команды для создания проектов, сборки, тестирования и эффективного развертывания приложений.

Предварительные требования

Перед установкой Angular CLI убедитесь, что у вас есть следующие требования:

  • Node.js (рекомендуется версия LTS)
  • npm (поставляется в комплекте с Node.js)

Вы можете проверить, установлены ли Node.js и npm, выполнив команду:

node -v
npm -v

Если они не установлены, загрузите и установите Node.js с официального сайта Node.js.

Установка Angular CLI

После установки Node.js установите Angular CLI глобально с помощью npm:

npm install -g @angular/cli

Чтобы убедиться в правильности установки, проверьте версию:

ng version

Это должно отобразить версию Angular CLI вместе с зависимостями Angular.

Создание нового проекта Angular

Используйте следующую команду для создания нового проекта Angular:

ng new my-angular-app

Вам будет предложено выбрать конфигурации, такие как маршрутизация и стилизация (CSS, SCSS и т. д.). После выбора CLI настроит проект.

Перейдите в каталог проекта:

cd my-angular-app

Запуск приложения Angular

Чтобы обслужить приложение локально, используйте:

ng serve

Приложение будет доступно по адресу http://localhost:4200/ на вашей виртуальной машине.

Понимание команд Angular CLI

Вот несколько основных команд Angular CLI:

  • ng serve – Запускает приложение локально.
  • ng generate component component-name – Создает новый компонент.
  • ng build – Сборка приложения для производства.
  • ng test – Запускает модульные тесты.
  • ng e2e – Выполняет сквозные тесты.
  • ng add package-name – Устанавливает пакет Angular.
  • ng update – Обновление Angular и зависимостей.

Настройка Angular CLI

Файл angular.json содержит параметры конфигурации проекта, такие как опции сборки, обслуживания и тестирования. Вы можете настроить пути сборки, выходные каталоги и активы.

Заключение

Выполнив эти шаги, вы успешно установили и настроили Angular CLI. Этот инструмент упрощает рабочий процесс разработки, облегчая управление приложениями Angular. Начните изучать команды Angular CLI, чтобы улучшить свой опыт разработки!