Ответ
Процесс развертывания и отладки Angular-проекта состоит из нескольких стандартных шагов, требующих наличия Node.js и npm.
Основные шаги
-
Установить Angular CLI Инструмент командной строки для работы с Angular-проектами. Устанавливается глобально:
npm install -g @angular/cli -
Клонировать репозиторий Используйте стандартную команду Git:
git clone <URL-адрес-репозитория> cd <папка-проекта> -
Установить зависимости Команда
npm installскачает все пакеты, перечисленные вpackage.json:npm install -
Запустить dev-сервер Команда
ng serveсоберет приложение и запустит локальный сервер с hot-reload.ng serveПо умолчанию приложение будет доступно по адресу
http://localhost:4200.
Отладка (Debugging)
- Браузерные DevTools: Самый простой способ. Используйте
console.log()для вывода данных в консоль и устанавливайте точки останова (breakpoints) прямо в TypeScript-коде на вкладкеSources. -
VS Code Debugger: Для более продвинутой отладки настройте файл
.vscode/launch.json:{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:4200", "webRoot": "${workspaceFolder}" } ] }Эта конфигурация позволит запускать отладчик прямо из редактора, ставить точки останова и инспектировать переменные.