|
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