Как настроить новый проект с использование bem-tools?

Самый простой способ начать — это клонировать project-stub:

git clone https://github.com/bem/project-stub.git project
cd $_
npm i

По умолчанию блоки кладутся в desktop.blocks, а страницы — в desktop.bundles, настроить это можно в https://github.com/bem/project-stub/blob/bem-core/.bem/make.js#L12

bem make результат всегда будет собирать в папку каждой конкретной страницы либо в merged-bundle (подробнее см. http://ru.bem.info/tools/bem-tools/customization/#сборка-merged--раньше-так-же-назывался-common--бандла ).

Перекладывать результаты в release можно, например, с помощью grunt.

Самый простой способ начать — это клонировать project-stub

Для того что бы начать создавать блоки это верный путь, но задача понять как настраивать.

Возможно используя исключительно команды bem-tools настроить проект?

Пока такая возможность не очевидна:

$ mkdir project && cd $_
$ npm install bem@unstable --save-dev
$ bem create level blocks --add-tech css --add-tech bemdecl.js
$ bem create -l blocks -b test

результат:

Error: Cannot find module 'c:\Users\way2bem\lab\project\.bem\make.js'
at Function.Module._resolveFilename (module.js:338:15)
at Function.Module._load (module.js:280:25)
at Module.require (module.js:364:17)
at require (module.js:380:17)
at readSections (c:\Users\way2bem\lab\project\node_modules\bem\lib\make-reader.js:17:9)
at MakeReader.read (c:\Users\way2bem\lab\project\node_modules\bem\lib\make-reader.js:12:9)
at Cmd. (c:\Users\way2bem\lab\project\node_modules\bem\lib\commands\create.js:65:30)
at c:\Users\way2bem\lab\project\node_modules\bem\node_modules\coa\lib\cmd.js:483:22
at _fulfilled (c:\Users\way2bem\lab\project\node_modules\bem\node_modules\coa\node_modules\q\q.js:798:54)
at self.promiseDispatch.done (c:\Users\way2bem\lab\project\node_modules\bem\node_modules\coa\node_modules\q\q.js:827:30)

мы сейчас начали делать генератор БЭМ-проекта для yo, но про скроки релиза пока ничего не скажу.

до появления генератора возможности создать полностью настроенный проект без написания конфигов руками нет.

если есть задача разобраться с настройкой, то опять-таки стоит взять project-stub и прочитать все файлы, которые в него входят (их там не так много и про них более-менее есть описание на http://bem.info/). в частности там уже есть пример make.js, на отсутствие которое ругается bem в вашем примере.

если в процессе будут появляться какие-то конкретные вопросы — можно их задавать в виде новых постов в клубе.

bem make результат всегда будет собирать в папку каждой конкретной страницы либо в merged-bundle (подробнее см. http://ru.bem.info/tools/bem-tools/customization/#сборка-merged--раньше-так-же-назывался-common--бандла ).

Правильно ли понимаю эта документация актуальна для bem-tools версий 0.7.X и поддерживается версией альфа, но для для технологий и сборки по v2 нет дока или есть?

если в процессе будут появляться какие-то конкретные вопросы — можно их задавать в виде новых постов в клубе.

создавть новые темы на конкретные вопросы — возьму на вооружение

В этой теме остался не освещенный внимание вопрос:

Как собирать блоки отдельно с использованием модивикаторов?

Дока действительно актуальна для 0.7.x, в ветке release-1.0.0 в https://github.com/bem/bem-tools/blob/release-1.0.0/MIGRATION.md описана большая часть отличий в 1.0.x, но официально эта версия не выходила и ответов на все вопросы я обещать не могу.

Не уверен, что я правильно понял по поводу v2, но если речь о быстрых технологиях сборки, то они в документации освещены: http://ru.bem.info/tools/bem-tools/tech-modules/#версии-api-технологии

Не факт, что понял вопрос, уточняйте, если отвечу не о том.

Модификаторы на файловой системе кладутся внутрь папки блока либо элемента, к которому относятся. Папка должна начинаться с подчеркивания. Например, для блока myblock с модификатором mymod в значении someval (myblock_mymod_someval) структура будет такая:

myblock/
     _mymod/
        myblock_mymod_someval.css
        myblock_mymod_someval.js

Чтобы создавать эту структуру с помощью bem-tools, можно использовать команду bem create. Для примера выше получится bem create -b myblock -m mymod -v someval -T css -T js -l desktop.blocks

Чтобы css, js (или любые участвующие в сборке технологии) этого модификатора попали в сборку бандла (страницы) необходимо, чтобы модификатор либо был упомянут в страничном bemjson.js-файле, либо в deps.js-файле какого-либо блока, указанного в bemjson.js-файле.

Спасибо, это ответ на мой вопрос, но требует уточнения. Как организовать сборку блоков в процессе их реализации, как посмотреть блок и его модификации в собранном стоянии, не описывая в bemjson.js-файле. Это можно решить файлом deps.js-файле в папке бока или иначе, другими словами как посмотреть примеры блоков? Прошу ответить с примером.

Настроенную сборку примеров можно посмотреть в https://github.com/bem/bem-components (актуальная ветка — v2).

Собираются они с помощью https://github.com/narqo/bem-pr (в README есть описание).

Важный момент, который необходимо учитывать — это то, что в bem-components внедрен CSS-препроцессор roole (в сборку по зависимостям, кроме css, попадают также *.roo файлы) и autoprefixer.

Делаю генератор для yo на основе project-stub тут. Круто было бы поучавствовать в вашем. Мой сырой, я только начал, но пробовать можно.

https://github.com/verybigman/generator-bem/issues/14

Круто! Постараемся вынести разработку наружу ASAP.

ilyarsoftware

+ Круто!

Попробовал в linux все ок, в windows есть проблемы, отчет:

при установке npm зависимостей варнинг:

Построение проектов в этом решении по одному. Чтобы включить параллельное построение, добавьте параметр "/m".
MSBUILD : error MSB3428: Загрузка компонента Visual C++ "VCBuild.exe" невозможн
а. Способы решения проблемы: 1) установка .NET Framework 2.0 SDK, 2) установка
Microsoft Visual Studio 2005 или 3) указание адреса компонента в системном пути
, если компонент установлен в другом месте. [c:\Users\Ilya\lab\test_bem_gen\no
de_modules\grunt-spritesmith\node_modules\spritesmith\node_modules\canvassmith\
node_modules\canvas\build\binding.sln]
gyp ERR! build error
gyp ERR! stack Error: `C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe` failed with exit code: 1
gyp ERR! stack at ChildProcess.onExit (c:\apps\nodejs\node_modules\npm\node_modules\node-gyp\lib\build.js:267:23)
gyp ERR! stack at ChildProcess.EventEmitter.emit (events.js:98:17)
gyp ERR! stack at Process.ChildProcess._handle.onexit (child_process.js:789:12)
gyp ERR! System Windows_NT 6.2.9200
gyp ERR! command "node" "c:\\apps\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild"
gyp ERR! cwd c:\Users\Ilya\lab\test_bem_gen\node_modules\grunt-spritesmith\node_modules\spritesmith\node_modules\canvassmith\node_modules\canvas
gyp ERR! node -v v0.10.20
gyp ERR! node-gyp -v v0.10.10
gyp ERR! not ok
npm WARN optional dep failed, continuing canvassmith@0.2.1

это не понятно, но немешает установиться зависимостям.

И ошибка при создании директорий при сборке grunt:

Running "exec:mkdirs" (exec) task
>> 訡 ᨭ⠪ .
>> Exited with code: 1.
Warning: Task "exec:mkdirs" failed. Use --force to continue.

Aborted due to warnings.

Под виндой не пробовал. По-моему сейчас и bem-tools не совсем корректно работает по виндой, поправьте если ошибаюсь. Но если это так, смысл собирать проект под виндой теряется, так как с блоками вы работать посредством тулзов не сможете. Issue принял, спасибо, буду разбираться!

Сорри, посмотерел подробнее ошибку. Она связана с тем, что для создания директорий используются никсовые утилиты. Думаю, это возможно побороть.

ilyarsoftware

под виндой тулзы работают, не решаемых проблем не было