Как создать блок по метoдологии BEM?

Question

[germani]

Подскажите как создать свой "первый" блок по БЭМ?
он(БЭМ) такое ощущение как издевается...
1 устанавливаю все отлично, ни каких проблем нет
2 и тут все начинается
joxi.ru/vAW4y4Ru8qJPrW
папки все на месте все по дефолту..
joxi.ru/l2Z1e1nTqEbomJ
Подскажите, надо какую то еще конфигурацию сделать? чтоб создать блок/елемент

Заранее спасибо за ответы

Comments

[PO6OT]

метОдология пишется через О

[germani]

Спасибо

[PO6OT]

Я в 8 лет уже не делал таких ошибок.

[germani]

рад за вас, я скорей всего других не делаю, по существу есть что сказать?

[PO6OT]

germani: Что для вас БЭМ? Правильное именование классов?
а то по ссылкам не заметно, что это как-то связано с HTML.

[Александр Петров]

Вадим Егоров А вы сначала почитайте про БЭМ, особенно про полный стек. А затем уже пробуйте отвечать на подобные вопросы ;)

[PO6OT]

Александр Петров: я достаточно лекций прослушал

[Александр Петров]

Судя по комменту «а то по ссылкам не заметно, что это как-то связано с HTML.» про БЭМ-стек вам известно мало. Максимум, известно про именование классов. Но БЭМ гораздо шире чем просто именование классов.

[PO6OT]

Александр Петров: только скриншоты что-то не в тему. Папки при чём тут? Ведь Бэм в основном - это правильная (не)зависимость классов и их именование.

[Александр Петров]

Вадим Егоров Еще раз. Почитайте про БЭМстек. Не про именование классов. А про технологии и инструменты. И что они из себя представляют. Ссылка: https://ru.bem.info/technology/bemhtml/v2/intro/.

[PO6OT]

Александр Петров: странно. Не слышал о таком

[PO6OT]

Александр Петров: буду знать

[Алексей Ярошевич]

Вадим Егоров: БЭМ это методология, а не правила именования классов.

[PO6OT]

Алексей Ярошевич: понял уже

Answer 1

[Алексей Ярошевич]

Блок должен находится на уровне переопределения. Например: app.blocks.
Удобнее блоку сделать свою папку (и все блоки хранить каждый в своей папке): app.blocks/hello-world
У блока должна быть какая-то реализация. Например, css: app.blocks/hello-world/hello-world.css

Возвращаясь к вопросу:

mkdir ./app.blocks/hello-world/ -p
touch ./app.blocks/hello-world/hello-world.css

Либо, если хотите использовать bem-tools:

npm i bem-tools
bem create level app.blocks
bem create block -l app.blocks hello-world

Comments

[germani]

Да все именно так, но в моем случае было с самого начала все не правильно.
Я установил npm i -g через sudo и далее все пошло не правильно, когда я понял свою ошибку, то удалил все пакеты что были от root установил всё обратно и получил кайф и наслаждение от создания блоков элемнтов и компиляции
Всем спасибо за отзывы и предложения без них ни чего не получилось бы...
ЗЫ: Ищите решения и вы их найдете. Хорошего дня ! =)