Yeoman Express Stack — это форк Yeoman (прим. перев.: статья на хабре).
Форк создан в доказательство возможности вести разработку полного стека (клиент-сервер) при помощи Yeoman 0.9.6, Express и AngularJS. Примечание: это экспериментальная ветка и (пока) пригодна только для тестирования и обкатки концепции.
Включает:
- Специализированную версию Yeoman server.js с поддержкой Express-миддлваре
- Из коробки поддерживается LiveReload
- Генератор для Express и CRUD—генератор для AngularJS
Предполагается, что вы будете распологать код и клиентской, и серверной частей приложения в одной директории. После установки можно посмотреть структуру встроенного тестового приложения: директория server
для серверной части приложения и директория app
для клиентской части.
Компоненты
-
yeoman-custom
— Спецсборка Yeoman 0.9.6 с поддержкой Express-миддлваре -
generators
— генераторы для Express и AngularJS (CRUD) -
demo
— приложение-пример
Установка (предполагается, что Yeoman@0.9.6 уже установлен)
Склонировать репозиторий
git clone git://github.com/yeoman/yeoman.git cd yeoman git checkout express-stack
Установить Yeoman@0.9.6 и Grunt
npm install -g yeoman npm install -g grunt
Затем из директории express-stack
выполнить:
-
npm install
-
grunt install
- следуйте подсказкам из п.2 и обновите системные пути
- теперь вам доступна новая команда
yeomen
(заметили e вместо a в словеyeoman
? — e значит express); эта команда может запускать отдельную копию yeoman для использования новых генераторов, перечисленных ниже
Начнём
После завершения процесса установки у вас есть два варианта — можно начать новое приложение, используя перечисленные ниже команды, или перейти к демо, в котором уже есть небольшой пример кода, чтобы можно было попробовать готовый проект.
yeomen init angularcrud # Обычное приложение Angular yeomen init angularcrud:crud post # Angular CRUD routes/views yeomen init express post # Express CRUD yeomen server # теперь можно перейти по ссылке #/api/post/index чтобы проверить # что маршрутизация корректно работает с Express
Примечание: если будут сыпаться ошибки о том, что Express не установлен, выполните npm install express
.
Демо
Теперь можно перейти в директорию demo и выполнить команду yeomen server
, чтобы запустить это приложение. Если у вас локально установлено несколько версий yeoman, то можно использовать yeoman-custom
напрямую, но в целом должно работать и так.
И наконец генераторы. Поддерживаются следующие:
Angularcrud: angularcrud:all angularcrud:app angularcrud:common angularcrud:controller angularcrud:crud angularcrud:crud-controller angularcrud:crud-route angularcrud:crud-view angularcrud:directive angularcrud:filter angularcrud:route angularcrud:service angularcrud:view Express: express:all express:crud
Подробнее о каждом можно прочитать в USAGE.
Авторы
@addyosmani, @blai, @jacobmumm, @mklabs
Прим. перев.
Мнение о том, насколько удобно использовать Yeoman для разработки приложений на AngularJS, можно составить по видео (видео длинное, но интересное; показан процесс создания простенького магазина):
(смотреть с 13:40)
http://youtu.be/XOmwZopzcTA?t=13m40s.
На всякий случай подчеркну, что в видео используется обычная сборка AngulrJS, и разрабатывается только клиентская часть.
ссылка на оригинал статьи http://habrahabr.ru/post/166835/
Добавить комментарий