Установка

30.09.2026

Быстрый старт с Angular: песочница в браузере или локальный проект в терминале.

Попробовать онлайн

Если нужно просто попробовать Angular в браузере, без создания проекта, подойдёт онлайн-песочница:

Песочница

Самый быстрый способ поработать с приложением Angular. Настройка не нужна.

Открыть песочницу

Локальный новый проект

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

Что понадобится

• Node.js — v22.22.3 или новее
• Текстовый редактор — рекомендуем Visual Studio Code
• Терминал — нужен для команд Angular CLI
• Инструмент разработки — чтобы ускорить работу, рекомендуем Angular Language Service

Инструкция

Ниже — как поднять локальный проект Angular.

Установка Angular CLI

Откройте терминал (в Visual Studio Code это встроенный терминал) и выполните команду:

npmpnpmyarnbun

npm install -g @angular/cli

pnpm install -g @angular/cli

yarn global add @angular/cli

bun install -g @angular/cli

Если команда не выполняется в Windows или Unix, подробности есть в документации CLI.

Новый проект

В терминале выполните команду CLI ng new и укажите имя проекта. В примерах ниже используется my-first-angular-app.

ng new <project-name>

CLI предложит варианты настройки. Стрелками и Enter выбирают нужные пункты.

Если предпочтений нет, нажимайте Enter: подставятся значения по умолчанию, и установка продолжится.

Когда параметры выбраны и CLI закончит установку, появится сообщение:

✔ Packages installed successfully.
    Successfully initialized git.

После этого проект можно запускать локально.

Локальный запуск

В терминале перейдите в новый проект Angular.

cd my-first-angular-app

К этому моменту зависимости уже установлены (это видно по каталогу node_modules в проекте). Запустите проект командой:

npm start

Если всё прошло успешно, в терминале появится похожее подтверждение:

Watch mode enabled. Watching for file changes...
NOTE: Raw file sizes do not reflect development server per-request transformations.
  ➜  Local:   http://localhost:4200/
  ➜  press h + enter to show help

Откройте адрес из строки Local (например, http://localhost:4200) — там будет приложение. Удачной разработки! 🎉

Разработка с ИИ

Чтобы начать сборку в привычной IDE с ИИ, посмотрите правила промптов и рекомендации Angular.

Следующие шаги

Проект создан. Дальше — руководство «Основы» или любая тема из подробных руководств.

---

Источник: https://angular.dev/installation

Комментарии