Знакомство с Йоманом

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

Предупреждение: этот пост старый и может не отражать текущее состояние дел.

Йоман - один из самых крутых ребят во дворе, объединив усилия многих уважаемых разработчиков, чтобы предоставить инструмент, который упрощает настройку и управление проектами веб-приложений: меньше времени тратится на изучение X различных инструментов, больше согласованности и простоты использования. .

В Йомене много достопримечательностей, самые важные из них:

  • в его основе лежат надежные инструменты, обеспечивающие легкий доступ и быстрое и легкое их использование. Не изобретает колесо заново.
  • это инструмент для создания лесов для самых популярных фреймворков, например, Bootstrap, Ember.js, Angular.js, Backbone.js
  • благодаряБеседка(интерфейсный менеджер пакетов, похожий на Jam, Volo, Ender, но лучше), у него есть помощники для быстрой установки, удаления и обновления для распространенных библиотек, таких как jQuery, Underscore.js, Modernizer, Mocha, Backbone и любого уже установленного пакета Bower. .
  • он имеет встроенное тестирование, использующее mocha против экземпляра PhantomJS (headless browser) при запуске из командной строки, или иным образом тесты запускаются в браузере, когда вы открываете страницу test / index.html в браузере.
  • он предоставляет HTTP-сервер python для тестирования вашего кода. Когда веб-сервер запущен, он отслеживает изменения файлов в вашем проекте и перезагружает браузер, когда открытая вами страница имеет зависимости от файла, который изменился. Таким образом, вам даже не нужен бэкэнд перед тем, как начать писать код внешнего интерфейса.

Создать проект Yeoman легко. Сначала установите его:

$ curl -L get.yeoman.io | sh

Затем войдите в пустой каталог и введите

$ yeoman init

Это представит вам экран приветствия и список вариантов того, что вы хотите добавить в проект.

Вы можете начать новый проект Ember.js, набрав

$ yeoman init ember

Это создает новое приложение Ember.js, создает базовый набор моделей, контроллеров и представлений / шаблонов (и их каталогов), добавляет теги сценария для всех зависимостей (jQuery, Handlebars) и создает файл index.html на основе HTML5. шаблонный проектhttp://html5boilerplate.com/.

Вы можете использовать Yeoman для начальной загрузки проекта, обновления зависимостей в вашем проекте, запуска тестов и так далее. И, когда проект будет готов к развертыванию, вы можете воспользоваться Grunt.https://github.com/cowboy/gruntпостроен в Yeoman путем вызова «yeoman build», так что он компилирует, компилирует все для производства, объединяет и минимизирует скрипт и стили, сжимает изображения и так далее.


Больше руководств по инструментам разработчика:


Tech Wiki Online!