ial1ve / create-html-boilerplate Goto Github PK

View Code? Open in Web Editor NEW

Набор базовых файлов для создания фронтенд-проекта (верстка, JavaScript). Сборка осуществляется при помощи Webpack.

License: MIT License

JavaScript 48.64% HTML 29.50% CSS 21.86%

create-html-boilerplate's Introduction

Create HTML boilerplate

Привет! Спасибо за то что используете наш Create HTML boilerplate.

Данная сборка вдохновлена проектом с хабра и многими часами вёрстки и разработки. Здесь специально нет ничего лишнего и только набор базовых файлов, чтобы было понятно как построить базовую структуру проекта

HTML
SCSS
JS
Шрифты
Картинки и т.д.

Файловая структура

source/
fonts/                - папка с подключаемыми шрифтами
html/                 – HTML
  includes/           – блоки
  views/              – страницы
img/                  - картинки
js/                   - JavaScript
scss/                 - стили
  blocks/               – блоки
  font-face.scss        - подключение шрифтов
  global.scss           - глобальные стили
  style.scss            - подключение всех стилей проекта
  variables.scss        - SCSS переменные (цвета, размеры, шрифты)
vendors/
  normalize-css/
    normalize.min.css - нормализация стилей по-умолчанию


.editorconfig           - настройки редактора кода
.eslitrc.js             - настройки JS линтера

Зависимости

node ^10

Что под капотом

Webpack
SCSS
JS с Babel
Stylelint, Eslint
Prettier – для автоформатирования

Установка

npm i

Запуск

npm start

Авторы

👤 Webtime.Studio

Show your support

Поставьте нам звёздочку ⭐️ если этот проект помог вам!

Recommend Projects

ial1ve / create-html-boilerplate Goto Github PK