Під час створення проєкту за допомогою Angular CLI генерується впорядкована структура папок та файлів. Така структура відіграє важливу роль в організації коду, забезпечуючи більш ефективну та масштабовану розробку.

Ви ознайомитеся з основними папками та файлами, які автоматично створюються під час налаштування нового Angular-проєкту.

Структура проєкту

Після виконання команди ng new angular-app Angular CLI створює таку структуру:

📂 src/ – Application Source Code.

Ця папка містить основні файли та конфігурації, необхідні для вашого Angular-додатку.

Код застосунку

Файли конфігурації

Додаткові файли

Запуск Angular-додатку

Щоб запустити Angular-додаток, спочатку відкрийте термінал. У VS Code можна скористатися такими комбінаціями клавіш:

• macOS: Cmd + J або Cmd + `;

• Windows: Ctrl + J або Cmd + `.

Або перейдіть у меню View → Terminal у верхній панелі.

Тепер виконайте наступну команду:

Ця команда компілює проєкт і запускає локальний сервер розробки. Після завершення процесу у терміналі з’явиться повідомлення з URL-адресою:

Відкрийте URL-адресу (http://localhost:4200/) у вашому браузері, і ви побачите вітальну сторінку Angular.