vita78 / ugyalta-com

ugyalta.com

Stub to start a new BEM project

Project-stub is a template project repository used for BEM projects creation. It contains the minimal configuration files and folders you will need for quick start from scratch.

There are two main BEM libraries are linked here by default:

• bem-core
• bem-components

Just try and taste BEM!

Installation requirements

• Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications.

Installation

So, how easy is it to get started with BEM? Super easy.

It's as easy as...

git clone https://github.com/bem/project-stub.git -b bem-core my-bem-project
cd my-bem-project
npm install

Usage

Now you can run any bem-tools commands from a ./node_modules/bem/bin/bem directory. To be able to run bem-tools commands without typing a full path to an executable file (node_modules/bem/bin/bem), use bem-cli npm package:

npm install -g bem-cli or use an alternative method export PATH=./node_modules/.bin:$PATH

Start the server:

bem server # bem server -p 8080 -v info|silly|debug|verbose|warn|error

hint: execute the above commands in your terminal

Now that bem server is running, check it out:

navigate to: http://localhost:8080/desktop.bundles/index/index.html

Stopping the server is also easy, pressing Ctrl + C while the terminal is your active window will stop the server.

Add block:

bem create -l desktop.blocks -b newBlock

Add page:

bem create -l desktop.bundles -b page

hint: you can add aliases for super easy use

echo "alias 'bemblock'='bem create -l desktop.blocks -b'" >> ~/.bashrc
echo "alias 'bempage'='bem create -l desktop.bundles -b'" >> ~/.bashrc

Docs

• Full stack quick start
• Tutorial on BEMHTML
• Tutorial on bem-js
• Commands bem-tools