|
1 | 1 | <h1 align="center">Create HTML boilerplate</h1>
|
2 | 2 | <p>
|
3 |
| - <img alt="Версия проекта" src="https://img.shields.io/badge/version-2.0.6-green.svg?cacheSeconds=2592000" /> |
| 3 | + <img alt="Версия проекта" src="https://img.shields.io/badge/version-2.0.7-green.svg?cacheSeconds=2592000" /> |
4 | 4 | <img alt="Минимально необходимая версия NodeJS" src="https://img.shields.io/badge/node-%5E16-green.svg" />
|
5 | 5 | </p>
|
6 | 6 |
|
|
18 | 18 | <li>Картинки и т.д.</li>
|
19 | 19 | </ul>
|
20 | 20 |
|
21 |
| -## Файловая структура |
22 |
| - |
23 |
| -``` |
24 |
| -myApp |
25 |
| -├── .github |
26 |
| -│ ├── bug_report.md - шаблон для создания issue |
27 |
| -│ └── feature_request.md - шаблон для создания запроса на улучшение |
28 |
| -│ |
29 |
| -├── source - все основные файлы, которые вам нужны |
30 |
| -│ ├── fonts - папка с подключаемыми шрифтами |
31 |
| -│ │ ├── Roboto-Regular.woff – шрифт старого формата |
32 |
| -│ │ └── Roboto-Regular.woff2 – шрифт более современного формата |
33 |
| -│ │ |
34 |
| -│ ├── html – HTML компоненты сайта |
35 |
| -│ │ ├── includes/ – блоки |
36 |
| -│ │ │ ├── common - папка с переиспользуемыми блоками |
37 |
| -│ │ │ │ ├── footer.html - футер сайта |
38 |
| -│ │ │ │ └── header.html - хедер сайта |
39 |
| -│ │ │ │ |
40 |
| -│ │ │ └── index - папка блоков для страницы views/index.html |
41 |
| -│ │ │ ├── hero.html - секция hero |
42 |
| -│ │ │ └── structure.html - секция structure |
43 |
| -│ │ │ |
44 |
| -│ │ └── views/ – страницы |
45 |
| -│ │ └── index.html - главная (корневая) страница сайта |
46 |
| -│ │ |
47 |
| -│ ├── img - графика |
48 |
| -│ │ └── logo.svg - лого проекта |
49 |
| -│ │ |
50 |
| -│ ├── js - скрипты сайта |
51 |
| -│ │ ├── index.js - точка входа для скриптов |
52 |
| -│ │ └── script.js - пример импортируемого модуля |
53 |
| -│ │ |
54 |
| -│ ├── root - файлы, которые будут лежать в корне проекта |
55 |
| -│ │ └── manifest.json - базовая информация о сайте для браузера |
56 |
| -│ │ |
57 |
| -│ ├── scss - стили проекта |
58 |
| -│ │ ├── blocks - примеры стилей вынесенных в блоки |
59 |
| -│ │ │ ├── container.scss - стили для .container |
60 |
| -│ │ │ ├── header.scss - стили для .header |
61 |
| -│ │ │ ├── logo.scss - стили для .logo |
62 |
| -│ │ │ ├── nav.scss - стили для .nav |
63 |
| -│ │ │ └── visually-hidden.scss - этот блок используется для того, чтобы доступно прятать контент на странице. |
64 |
| -│ │ │ |
65 |
| -│ │ ├── font-face.scss - подключение шрифтов |
66 |
| -│ │ ├── global.scss - глобальные стили |
67 |
| -│ │ ├── style.scss – точка входа для стилей проекта |
68 |
| -│ │ └── variables.scss - переменные (цвета, размеры, шрифты и т.п.) |
69 |
| -│ │ |
70 |
| -│ └── vendors - папка для внешних скриптов и библиотек |
71 |
| -│ └── normalize-css/ - нормализация стилей по умолчанию (https://necolas.github.io/normalize.css/) |
72 |
| -│ └── normalize.min.css - минифицированный файл |
73 |
| -│ |
74 |
| -├── webpack - папка для конфигураций webpack |
75 |
| -│ ├── helpers - папка с вспомоготельными функциями |
76 |
| -│ │ └── generateHtmlPlugins.js - генерация настроек для шаблонов |
77 |
| -│ └── webpack.config.js - конфиг для webpack |
78 |
| -│ |
79 |
| -├── .editorconfig - настройки для редактора кода |
80 |
| -├── .eslintrc.js - настройки для линтера JS (ESLint) |
81 |
| -├── .gitattributes - технический файл для Git |
82 |
| -├── .gitignore - файлы/папки игнорируемые Git |
83 |
| -├── .prettierrc - настройки форматирования кода (Prettier) |
84 |
| -├── .stylelintrc.js - настройки для линтера SCSS (Stylelint) |
85 |
| -├── LICENSE - лицензия проекта (MIT) |
86 |
| -├── package.json - зависимости, скрипты и базовая информация |
87 |
| -└── README.md - описание проекта |
88 |
| -
|
89 |
| -* Обратите внимание! Мы не добавляли в проект файлы package-lock.json и yarn.lock, |
90 |
| -так как они будут сгенерированы автоматически во время установки проекта. |
91 |
| -``` |
92 |
| - |
93 | 21 | ## Зависимости
|
94 | 22 |
|
95 | 23 | - node ^16
|
|
0 commit comments