Структура рабочий папки проекта Angular

Давайте теперь разберем структуру папки src, в которой будет вестись основная работа. Вот нужные нам папки и файлы (остальное служебное и пока не нужно):

<$structure$> /src/ /app/ /assets/ index.html styles.css favicon.ico <-structure->

В папке app будут размещаться ваши компоненты. Изначально по умолчанию там будет основной компонент с именем App. В дальнейшем мы будем добавлять туда и другие компоненты.

В папке assets можно размещать различные ресурсы нашего приложения. Под ресурсами понимаются картинки и тому подобные вещи.

Файл index.html представляет собой основной макет сайта с версткой. К этой верстке особым образом подключаются компоненты в указанные места.

В файл styles.css можно размещать общие CSS стили сайта.

В файле favicon.ico хранится фавиконка вашего сайта. Эта та картинка, которая отображается на вкладке с сайтом перед его именем.

В следующих уроках мы поговорим подробнее об этих файлах и папках.