README.ru.md

generator-bem-ng

Необыкновенный генератор для Yeoman, который позволит вам использовать AngularJS в ваших БЭМ-проектах. Wow!

Навыки

• базовая структура: yo bem-ng
• создание AngularJS модулей: yo bem-ng:module users
• реалтайм разработка с Gulp (инструкции в консоли): gulp
• финальная сборка с Gulp: gulp build
• установка: npm install -g generator-bem-ng

Парадигмы

AngularJS модули это БЭМ блоки. Контроллеры, сервисы, директивы и т.п. это БЭМ элементы. Элементы объявляются в модулях с помощью файла *.deps.js.

Использование уровней:

• common.blocks - используется для переопределния блоков, подкюченных библиотек
• service.blocks - используется для новых блоков в этом сервисе
• application.blocks - используется только для AngularJS модулей
• server.blocks - используется для модулей сервера NodeJS

Дизайн и стили:

• design/common.blocks - переопределние блоков, подкюченных библиотек
• design/service.blocks - стили только для этого сервиса

Пример AngularJS модуля:

application.blocks
    users
        __controllers
            _index
                users__controllers_index.js
                users__controllers_index.en.md
                users__controllers_index.ru.md
            _signin
                users__controllers_singin.js
            _signup
                users__controllers_singup.js
        __directives
            _awesome
                users__directives_awesome.js
        __factories
        __services
        __routes
            users__routes.js
        users.js
        users.en.md
        users.ru.md
        users.deps.js

Технологии

• BEMHTML
• Stylus
• AngularJS

Вы можете использовать любые из bem-tools techs, объявив их в .bem/levels/*.js файлах, а также вы можете написать свои технологии в .bem/levels/techs/*.js.

Зависимости

Генератор тянет за собой bem-core и bem-ng. bem-core библиотека, написанная ребятами из Яндекса.

Авторы

• Виноградов Антон (verybigman)

Предложения

Все замечания и предложения пишите в issue на Github.

Лицензия MIT

Think better. Stay BEMed!