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:
- Git Bash if you use Windows OS.
Note: If your operating system is Windows, you must run the following commands in Git Bash with administrator rights. Make sure that you launch Git Bash as an administrator.
Note: Internet Explorer 8.0 is not supported by default. To support IE8 you must follow the recomendations.
It's as easy as...
git clone https://github.com/bem/project-stub.git --depth 1 my-bem-project cd my-bem-project npm install
Note: Do not use
root rights to install npm and bower dependencies. bower dependencies are installed in the
libs directory by
You could use ENB to build the project.
You can run
enb commands via
Build the project
To be able to run commands without typing a full path to an executable file (
Now you can use
gulp from any point of your project.
The basic commands
Execute the following commands in your terminal.
Start the dev server
You could use the
npm start command to start the
enb server without specifying the full path to the
The development server is running. To check it out, navigate to http://localhost:8080/desktop.bundles/index/index.html.
You may also specify different port if
8080 is already taken by some other service:
npm start -- --port=8181
Stop the server
C (for MAC devices) while the terminal is your active window to stop the server.
Add a block
If you want to use
bem-tools to create new blocks, you should install additional dependencies:
npm i ym --save-dev
Now it's possible to create blocks with
bem create command:
bem create -l desktop.blocks -b newBlock
Add a page
bem create -l desktop.bundles -b page
- Static page quick-start
- Starting your own BEM project
- Tutorial for BEMJSON template-engine
- Tutorial on BEMHTML
- Tutorial on i-bem.js
Project-stub based projects
- SSSR (Social Services Search Robot) — study app with BEM full-stack