#2 - Файлы и создание компонента

Любое новое приложение построенное на Angular будет иметь множество файлов, скриптов и других материалов, с которыми изначально сложно справиться. На самом деле структура Angular приложения довольно проста и понятна. Рассмотрим её на примере ниже:

Все файлы, что принадлежат к проекту находятся в папке src. В ней есть основной файл index.html и style.css, а также дополнительные файлы в папке app, которая вмещает в себе все компоненты и главный файл со всеми модулями и компонентами.

В проекте всегда должен быть файл package.json. Он отвечает за описание проекта, а также содержит описание всех дополнительных библиотек, что нужны для корректной работы приложения. 

Папка e2e отвечает за тестирование в приложении. В курсе тестирование рассматриваться не будет, так как этот функционал не является особо сложным и плюс его использование не оправдано при разработке небольших проектов.

Компоненты

Компоненты отыгрывают важную роль в проекте. Каждый компонент представляет из себя определенную страницу на сайте. Такие страницы имеют стили CSS, HTML шаблон, а также файлик со всеми функциями, логикой и переменными, что можно передавать внутрь HTML шаблона. 

Создавать компоненты можно вручную или же при помощи терминала (командной строки). Рекомендуем всегда пользоваться вторым вариантом. 

Чтобы сгенерировать новый компонент пропишите следующую инструкцию:

ng g component путь_и_название_компонента