1
1
<h1 align =" center " >Create HTML boilerplate</h1 >
2
2
<p >
3
- <img alt =" Version " src =" https://img.shields.io/badge/version-1.2 .0-green.svg?cacheSeconds=2592000 " />
3
+ <img alt =" Version " src =" https://img.shields.io/badge/version-1.3 .0-green.svg?cacheSeconds=2592000 " />
4
4
<img src =" https://img.shields.io/badge/node-%5E10.18-green.svg " />
5
5
</p >
6
6
7
7
<p >Привет! Спасибо за то что используете наш Create HTML boilerplate.</p >
8
- <p >
9
- Данная сборка вдохновлена проектом с хабра и многими часами вёрстки и
10
- разработки. Здесь специально нет ничего лишнего и только набор базовых
11
- файлов, чтобы было понятно как построить базовую структуру проекта
12
- </p >
13
- <ul >
14
- <li>HTML</li>
15
- <li>SCSS</li>
16
- <li>JS</li>
17
- <li>Шрифты</li>
18
- <li>Картинки и т.д.</li>
19
- </ul >
8
+ <p >
9
+ Данная сборка вдохновлена проектом с хабра и многими часами вёрстки и
10
+ разработки. Здесь специально нет ничего лишнего и только набор базовых
11
+ файлов, чтобы было понятно как построить базовую структуру проекта
20
12
</p >
13
+ <ul >
14
+ <li >HTML</li >
15
+ <li >SCSS</li >
16
+ <li >JS</li >
17
+ <li >Шрифты</li >
18
+ <li >Картинки и т.д.</li >
19
+ </ul >
21
20
22
21
## Файловая структура
23
22
24
23
```
25
24
source/
26
- fonts/ - папка с подключаемыми шрифтами
27
- html/ – HTML
28
- includes/ – блоки
29
- views/ – страницы
30
- img/ - картинки
31
- js/ - JavaScript
32
- scss/ - стили
33
- blocks/ – блоки
34
- font-face.scss - подключение шрифтов
35
- global.scss - глобальные стили
36
- style.scss - подключение всех стилей проекта
37
- variables.scss - SCSS переменные (цвета, размеры, шрифты)
38
- vendors/
39
- normalize-css/
40
- normalize.min.css - нормализация стилей по-умолчанию
41
-
42
-
25
+ fonts/ - папка с подключаемыми шрифтами
26
+ html/ – HTML
27
+ includes/ – блоки
28
+ views/ – страницы
29
+ img/ - картинки
30
+ js/ - JavaScript
31
+ root/ - файлы, которые будут лежать в корне проекта
32
+ manifest.json - базовая информация о сайте для браузера
33
+ scss/ - стили
34
+ blocks/ – блоки
35
+ font-face.scss - подключение шрифтов
36
+ global.scss - глобальные стили
37
+ style.scss - подключение всех стилей проекта
38
+ variables.scss - SCSS переменные (цвета, размеры, шрифты)
39
+ vendors/
40
+ normalize-css/
41
+ normalize.min.css - нормализация стилей по умолчанию
42
+ webpack/
43
+ webpack.config.js - конфиг для webpack
43
44
.editorconfig - настройки редактора кода
44
45
.eslitrc.js - настройки JS линтера
46
+ .gitignore - файлы игнорируемые Git
47
+ .prettierrc - настройки Prettier
48
+ .stylelintrc.js - настройки Stylelint
45
49
```
46
50
47
51
## Зависимости
@@ -54,7 +58,7 @@ vendors/
54
58
- SCSS
55
59
- JS с Babel
56
60
- Stylelint, Eslint
57
- - Prettier – для автоформатирования
61
+ - Prettier – для автоформатирования
58
62
59
63
## Установка
60
64
0 commit comments