|
23 | 23 | ``` |
24 | 24 | myApp |
25 | 25 | ├── .github |
26 | | -│ ├── bug_report.md - шаблон для создания issue |
27 | | -│ └── feature_request.md - шаблон для создания запроса на улучшение |
| 26 | +│ ├── bug_report.md - шаблон для создания issue |
| 27 | +│ └── feature_request.md - шаблон для создания запроса на улучшение |
28 | 28 | │ |
29 | | -├── source - все основные файлы, которые вам нужны |
30 | | -│ ├── fonts - папка с подключаемыми шрифтами |
31 | | -│ │ ├── Roboto-Regular.woff – шрифт старого формата |
32 | | -│ │ └── Roboto-Regular.woff2 – шрифт более современного формата |
| 29 | +├── source - все основные файлы, которые вам нужны |
| 30 | +│ ├── fonts - папка с подключаемыми шрифтами |
| 31 | +│ │ ├── Roboto-Regular.woff – шрифт старого формата |
| 32 | +│ │ └── Roboto-Regular.woff2 – шрифт более современного формата |
33 | 33 | │ │ |
34 | | -│ ├── html – HTML компоненты сайта |
35 | | -│ │ ├── includes/ – блоки |
36 | | -│ │ │ └── index - пример блоков для главной страницы |
37 | | -│ │ │ ├── hero.html - секция hero |
38 | | -│ │ │ └── structure.html - секция structure |
39 | | -│ │ └── views/ – страницы |
40 | | -│ │ └── index.html - главная страница |
| 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 - лого проекта |
41 | 49 | │ │ |
42 | | -│ ├── img - изображения |
43 | | -│ │ └── logo.svg - лого проекта |
44 | | -│ ├── js - JavaScript |
45 | | -│ │ └── index.js - точка входа для скриптов |
46 | | -│ │ └── script.js - пример импортируемого модуля |
| 50 | +│ ├── js - скрипты сайта |
| 51 | +│ │ └── index.js - точка входа для скриптов |
| 52 | +│ │ └── script.js - пример импортируемого модуля |
47 | 53 | │ │ |
48 | | -│ ├── root - файлы, которые будут лежать в корне проекта |
49 | | -│ │ └── manifest.json - базовая информация о сайте для браузера |
| 54 | +│ ├── root - файлы, которые будут лежать в корне проекта |
| 55 | +│ │ └── manifest.json - базовая информация о сайте для браузера |
50 | 56 | │ │ |
51 | | -│ ├── scss - стили проекта |
52 | | -│ │ ├── blocks - примеры стилей вынесенных в блоки |
53 | | -│ │ │ ├── container.scss - стили для .container |
54 | | -│ │ │ ├── header.scss - стили для .header |
55 | | -│ │ │ ├── logo.scss - стили для .logo |
56 | | -│ │ │ ├── nav.scss - стили для .nav |
| 57 | +│ ├── scss - стили проекта |
| 58 | +│ │ ├── blocks - примеры стилей вынесенных в блоки |
| 59 | +│ │ │ ├── container.scss - стили для .container |
| 60 | +│ │ │ ├── header.scss - стили для .header |
| 61 | +│ │ │ ├── logo.scss - стили для .logo |
| 62 | +│ │ │ ├── nav.scss - стили для .nav |
57 | 63 | │ │ │ └── visually-hidden.scss - этот блок используется для того, чтобы доступно прятать контент на странице. |
58 | 64 | │ │ │ |
59 | | -│ │ ├── font-face.scss - подключение шрифтов |
60 | | -│ │ ├── global.scss - глобальные стили |
61 | | -│ │ ├── style.scss – подключение всех стилей проекта |
62 | | -│ │ └── variables.scss - SCSS переменные (цвета, размеры, шрифты) |
| 65 | +│ │ ├── font-face.scss - подключение шрифтов |
| 66 | +│ │ ├── global.scss - глобальные стили |
| 67 | +│ │ ├── style.scss – точка входа для стилей проекта |
| 68 | +│ │ └── variables.scss - переменные (цвета, размеры, шрифты и т.п.) |
63 | 69 | │ │ |
64 | | -│ └── vendors - папка для внешних скриптов и библиотек |
65 | | -│ └── normalize-css/ - нормализация стилей по умолчанию (https://necolas.github.io/normalize.css/) |
66 | | -│ └── normalize.min.css - минифицированный файл |
| 70 | +│ └── vendors - папка для внешних скриптов и библиотек |
| 71 | +│ └── normalize-css/ - нормализация стилей по умолчанию (https://necolas.github.io/normalize.css/) |
| 72 | +│ └── normalize.min.css - минифицированный файл |
67 | 73 | │ |
68 | | -├── webpack - папка для webpack конфигураций |
69 | | -│ └── webpack.config.js - конфиг для webpack |
| 74 | +├── webpack - папка для конфигураций webpack |
| 75 | +│ └── webpack.config.js - конфиг для webpack |
70 | 76 | │ |
71 | | -├── .editorconfig - настройки редактора кода |
72 | | -├── .eslintrc.js - настройки JS линтера |
73 | | -├── .gitattributes - технический файл для Git |
74 | | -├── .gitignore - файлы/папки игнорируемые Git |
75 | | -├── .prettierrc - настройки Prettier |
76 | | -├── .stylelintrc.js - настройки Stylelint |
77 | | -├── LICENSE - лицензия проекта (MIT) |
78 | | -├── package.json - зависимости, скрипты и базовая информация |
79 | | -└── README.md - описание проекта |
| 77 | +├── .editorconfig - настройки для редактора кода |
| 78 | +├── .eslintrc.js - настройки для линтера JS (ESLint) |
| 79 | +├── .gitattributes - технический файл для Git |
| 80 | +├── .gitignore - файлы/папки игнорируемые Git |
| 81 | +├── .prettierrc - настройки форматирования кода (Prettier) |
| 82 | +├── .stylelintrc.js - настройки для линтера SCSS (Stylelint) |
| 83 | +├── LICENSE - лицензия проекта (MIT) |
| 84 | +├── package.json - зависимости, скрипты и базовая информация |
| 85 | +└── README.md - описание проекта |
| 86 | +
|
| 87 | +* Обратите внимание! Мы не добавляли в проект файлы package-lock.json и yarn.lock, |
| 88 | +так как они будут сгенерированы автоматически во время установки проекта. |
80 | 89 | ``` |
81 | 90 |
|
82 | 91 | ## Зависимости |
|
0 commit comments