Skip to content

tavriaforever/project-stub

 
 

Repository files navigation

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:

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

Generator of BEM projects for Yeoman

This generator provides you the ability to get the base of BEM project in few minutes by answering the simple questions.

Docs

Project-stub based projects

Useful tools

  • bem-cli — run bem-tools locally
  • borschik — borschik is a simple but powerful builder for text-based file formats

Videos

Working under Windows environment

  • bemup-workshop-vagrant — Provisions a clean VirtualBox Ubuntu server instance with all needed Node.js development tools

About

How to create BEM project, webinar http://youtu.be/1GWoMnYldYc – presentation and demo

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 90.6%
  • CSS 9.4%