Giter VIP home page Giter VIP logo

bem-training's Introduction

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

bem-training's People

Contributors

arkaitzgarro avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.