1.0.2 • Published 2 years ago

bbrf-html-starter v1.0.2

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

HTML STARTER

Используя html-starter, мы создаём из лучших практик построения css основу для нового проекта. ( по умолчанию темная цветовая тема)

В котором настроенны:

Что это?

Это код, который используется для структурирования и отображения веб-страницы и её контента.

Что это?

Вы можете изменять  настройки в вашем проекте. 
Для  автоматического комполирования файлов css необходимо запустить 

Live Sass Compiler

Что это?

В проекте scss создает 2 css файла style-light style-dark 
для разных цветовых тем.

Конфигурации нужно изменять в файлах variables_light.scss variables_dark.scss 
  • ✅@import

Что это?

ESLint статически анализирует ваш код, чтобы быстро найти проблемы. Он встроен в большинство текстовых редакторов.

Что это?

Мощный современный линтер, который поможет вам избежать ошибок и обеспечить соблюдение соглашений в ваших стилях.

Что это?

Форматировщик кода Поддерживает множество языков интегрируется с большинством редакторов.
  • ✅ Readme
  • ☑️ Gitignore

Lax 2.0 Gif

Команды

Установить зависимостиnpm i
Запустить ESLintnpm run lint --fix
Запустить StyLelintnpm run stylelint --fix

Для запуска потребуется

  • Этот репозиторий
    git clone https://github.com/VladislavBobyrev/bbrf-html-starter .
- NPM

npm i -D eslint-config-airbnb-base stylelint stylelint-order stylelint-scss stylelint-color-format prettier

- Live Sass Compiler

https://marketplace.visualstudio.com/items?itemName=ritwickdey.live-sass

- Live Server

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

- браузер


#
## Связвться со мной

<div align='center'> 

vladislavbobyrev@yandex.ru

[![TELEGRAMM](https://img.shields.io/badge/telegramm-4285F4?style=for-the-badge&logo=read-the-docs&logoColor=white)](https://t.me/VladislavBobyrev)
</div>

<div align="center">
<h2>**ВНИМАНИЕ!**  Вся конфигурация является открытой. </h2>
**ВНИМАНИЕ!** На компьютере должны быть установлены программы `node` и `npm`.
Генерация  занимает много времени за счёт
установки `node_modules`. Необходимо дождаться окончания этого процесса.
</div>