|
2 | 2 | <h2>Файловая структура</h2> |
3 | 3 | <code> |
4 | 4 | <pre> |
5 | | - myApp |
6 | | - ├── .github |
7 | | - │ ├── bug_report.md - шаблон для создания issue |
8 | | - │ └── feature_request.md - шаблон для создания запроса на улучшение |
9 | | - │ |
10 | | - ├── source - все основные файлы, которые вам нужны |
11 | | - │ ├── fonts - папка с подключаемыми шрифтами |
12 | | - │ │ ├── Roboto-Regular.woff – шрифт старого формата |
13 | | - │ │ └── Roboto-Regular.woff2 – шрифт более современного формата |
14 | | - │ │ |
15 | | - │ ├── html – HTML компоненты сайта |
16 | | - │ │ ├── includes/ – блоки |
17 | | - │ │ │ └── index - пример блоков для главной страницы |
18 | | - │ │ │ ├── hero.html - секция hero |
19 | | - │ │ │ └── structure.html - секция structure |
20 | | - │ │ └── views/ – страницы |
21 | | - │ │ └── index.html - главная страница |
22 | | - │ │ |
23 | | - │ ├── img - изображения |
24 | | - │ │ └── logo.svg - лого проекта |
25 | | - │ ├── js - JavaScript |
26 | | - │ │ └── index.js - точка входа для скриптов |
27 | | - │ │ └── script.js - пример импортируемого модуля |
28 | | - │ │ |
29 | | - │ ├── root - файлы, которые будут лежать в корне проекта |
30 | | - │ │ └── manifest.json - базовая информация о сайте для браузера |
31 | | - │ │ |
32 | | - │ ├── scss - стили проекта |
33 | | - │ │ │ └── blocks - примеры стилей вынесенных в блоки |
34 | | - │ │ │ ├── container.scss - стили для .container |
35 | | - │ │ │ ├── header.scss - стили для .header |
36 | | - │ │ │ ├── logo.scss - стили для .logo |
37 | | - │ │ │ ├── nav.scss - стили для .nav |
38 | | - │ │ │ └── visually-hidden.scss - этот блок используется для того, чтобы доступно прятать контент на странице. |
39 | | - │ │ │ |
40 | | - │ │ ├── font-face.scss - подключение шрифтов |
41 | | - │ │ ├── global.scss - глобальные стили |
42 | | - │ │ ├── style.scss – подключение всех стилей проекта |
43 | | - │ │ └── variables.scss - SCSS переменные (цвета, размеры, шрифты) |
44 | | - │ │ |
45 | | - │ └── vendors - папка для внешних скриптов и библиотек |
46 | | - │ └── normalize-css/ - нормализация стилей по умолчанию (https://necolas.github.io/normalize.css/) |
47 | | - │ └── normalize.min.css - минифицированный файл |
48 | | - │ |
49 | | - ├── webpack - папка для webpack конфигураций |
50 | | - │ └── webpack.config.js - конфиг для webpack |
51 | | - │ |
52 | | - ├── .editorconfig - настройки редактора кода |
53 | | - ├── .eslintrc.js - настройки JS линтера |
54 | | - ├── .gitattributes - технический файл для Git |
55 | | - ├── .gitignore - файлы/папки игнорируемые Git |
56 | | - ├── .prettierrc - настройки Prettier |
57 | | - ├── .stylelintrc.js - настройки Stylelint |
58 | | - ├── LICENSE - лицензия проекта (MIT) |
59 | | - ├── package.json - зависимости, скрипты и базовая информация |
60 | | - └── README.md - описание проекта |
| 5 | + myApp |
| 6 | + ├── .github |
| 7 | + │ ├── bug_report.md - шаблон для создания issue |
| 8 | + │ └── feature_request.md - шаблон для создания запроса на улучшение |
| 9 | + │ |
| 10 | + ├── source - все основные файлы, которые вам нужны |
| 11 | + │ ├── fonts - папка с подключаемыми шрифтами |
| 12 | + │ │ ├── Roboto-Regular.woff – шрифт старого формата |
| 13 | + │ │ └── Roboto-Regular.woff2 – шрифт более современного формата |
| 14 | + │ │ |
| 15 | + │ ├── html – HTML компоненты сайта |
| 16 | + │ │ ├── includes/ – блоки |
| 17 | + │ │ │ └── index - пример блоков для главной страницы |
| 18 | + │ │ │ ├── hero.html - секция hero |
| 19 | + │ │ │ └── structure.html - секция structure |
| 20 | + │ │ └── views/ – страницы |
| 21 | + │ │ └── index.html - главная страница |
| 22 | + │ │ |
| 23 | + │ ├── img - изображения |
| 24 | + │ │ └── logo.svg - лого проекта |
| 25 | + │ ├── js - JavaScript |
| 26 | + │ │ └── index.js - точка входа для скриптов |
| 27 | + │ │ └── script.js - пример импортируемого модуля |
| 28 | + │ │ |
| 29 | + │ ├── root - файлы, которые будут лежать в корне проекта |
| 30 | + │ │ └── manifest.json - базовая информация о сайте для браузера |
| 31 | + │ │ |
| 32 | + │ ├── scss - стили проекта |
| 33 | + │ │ ├── blocks - примеры стилей вынесенных в блоки |
| 34 | + │ │ │ ├── container.scss - стили для .container |
| 35 | + │ │ │ ├── header.scss - стили для .header |
| 36 | + │ │ │ ├── logo.scss - стили для .logo |
| 37 | + │ │ │ ├── nav.scss - стили для .nav |
| 38 | + │ │ │ └── visually-hidden.scss - этот блок используется для того, чтобы доступно прятать контент на странице. |
| 39 | + │ │ │ |
| 40 | + │ │ ├── font-face.scss - подключение шрифтов |
| 41 | + │ │ ├── global.scss - глобальные стили |
| 42 | + │ │ ├── style.scss – подключение всех стилей проекта |
| 43 | + │ │ └── variables.scss - SCSS переменные (цвета, размеры, шрифты) |
| 44 | + │ │ |
| 45 | + │ └── vendors - папка для внешних скриптов и библиотек |
| 46 | + │ └── normalize-css/ - нормализация стилей по умолчанию (https://necolas.github.io/normalize.css/) |
| 47 | + │ └── normalize.min.css - минифицированный файл |
| 48 | + │ |
| 49 | + ├── webpack - папка для webpack конфигураций |
| 50 | + │ └── webpack.config.js - конфиг для webpack |
| 51 | + │ |
| 52 | + ├── .editorconfig - настройки редактора кода |
| 53 | + ├── .eslintrc.js - настройки JS линтера |
| 54 | + ├── .gitattributes - технический файл для Git |
| 55 | + ├── .gitignore - файлы/папки игнорируемые Git |
| 56 | + ├── .prettierrc - настройки Prettier |
| 57 | + ├── .stylelintrc.js - настройки Stylelint |
| 58 | + ├── LICENSE - лицензия проекта (MIT) |
| 59 | + ├── package.json - зависимости, скрипты и базовая информация |
| 60 | + └── README.md - описание проекта |
61 | 61 | </pre> |
62 | 62 | </code> |
63 | 63 | </section> |
0 commit comments