@artprog/bem-helper v1.0.3

BEM helper CLI tool

Tool for helping to create folder&files structure in bem-based projects.

Installation

npm install @artprog/bem-helper

Usage

Create block file structure

npx bem-helper -b block-name1,block-name2,...

It will create folders for block with pug and scss files

Create element file structure

npx bem-helper -b block-name -e element-name1,element-name2

It will create folders for elements inside block with pug and scss files

Create block modifier

npx bem-helper -b block-name -m modifier-name1,modifier-name2

Create element modifier

npx bem-helper -b block-name -e element-name -m modifier-name1,modifier-name2

Examples

npx bem-helper -b nav

npx bem-helper -b nav,header,footer

npx bem-helper -b nav -e item

npx bem-helper -b nav -e item -m active

npx bem-helper -b nav -e item -m color_primary,color_secondary

Customize templates and paths

To customize paths check file:

[your-project-path]/node_modules/bem-helper/config.js

To customize templates of pug & scss files check folder:

[your-project-path]/node_modules/bem-helper/templates/

BTC Donation

BTC Address: bc1qm395pj4eyqfu7dd2u36hggzjv56j58mppvrna6