Страницы

пятница, 2 мая 2014 г.

Создаем каркас приложения Ember.js с помощью Yeoman

Yeoman - инструмент для создания каркасов веб-приложений от Addy Osmani и К. Сегодня я расскажу о том, как быстро создать каркас приложения на Ember.js framework с использованием Ember.js Generator, для успешной работы которого нам потребуются: Node.js, npm, Yeoman, Grunt, Bower, Ruby и compass. У меня установлены следующие версии перечисленных инструментов:

Создается впечатление, что я во всем этом плаваю :).
На самом деле Ruby - не моя тема, да и Sass я тоже никогда не применял.

Если у вас отсутствует какой-либо инструмент, его можно быстро установить с помощью npm (compass с помощью gem).

Установим Ember.js Generator:
- npm install generator-ember

Создадим каркас веб-приложения:
- yo ember

Не забываем включить Twitter Bootstrap for Sass...
... и, спустя минуту получаем "правильный" каркас приложения на Ember.js.

Запускаем приложение...
- grunt serve

... и оно открывается в нашем любимом браузере:

Обращаю внимание на запуск плагина grunt watch, который перезагрузит страницу в браузере в случае сохранения каких-либо изменений в коде.

В завершение хочу отметить еще одну "вкусность" Ember.js Generator - генератор моделей, представлений, контроллеров и компонентов.

Easy peasy :)