- PVSM.RU - https://www.pvsm.ru -
На конференции Google I/O 2012 во второй части своего выступления [1] Paul Irish представил проект yeoman.io [2]. Главной целью которого является собрать для разработчика лучшие библиотеки и фреймворки в одном месте и создать идеальную среду для разработки за кратчайшее время.
Yeoman пока не открыт для публичного доступа, но из видео с конференции можно сделать вывод что это действительно крутая штука.
Вчера вечером набрел на гитхабе исходники [3] сайта yeoman.io. Если внимательно изучить Gruntfile.js (grunt [4] — утилита для сборки javascript проектов от cowboy [5]), то можно заметить такие полезные вещи как:
Compass + LiveReload можно пощупать прямо сейчас (и уже довольно давно), но для этого нужно стороннее приложение. Есть несколько вариантов, самый простой — собрать CompassApp из исходников [6] на github. Дальше создать проект и в настройках приложения во вкладке Services включить livereload.
Если нужен только LiveReload — вам сюда [7].
По сути это то же самое что делает yeoman, только он компилирует и следит за обновлениями файлов самостоятельно, без каких либо сторонних утилит.
С Gruntfile.js разобрались, теперь давайте пройдемся по ключевым моментам из выступления.
Кстати, увидел замечательную вещь — запуск легковесного HTTP-сервера:
python -m SimpleHTTPServer 8080
Если вы хотите узнать о запуске проекта одним из первых — на сайте [2] вы можете оставить имя своего github аккаунта или адрес электронной почты.
Автор: vermilion1
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/10519
Ссылки в тексте:
[1] своего выступления: http://www.youtube.com/watch?v=Mk-tFn2Ix6g&feature=youtu.be
[2] yeoman.io: http://yeoman.io/
[3] исходники: https://github.com/yeoman/yeoman.io
[4] grunt: https://github.com/cowboy/grunt
[5] cowboy: https://github.com/cowboy
[6] исходников: https://github.com/handlino/CompassApp
[7] вам сюда: http://livereload.com/
[8] jpegtran: http://jpegclub.org/
[9] OptiPNG: http://optipng.sourceforge.net/
[10] Compass: http://compass-style.org/
[11] Sass: http://sass-lang.com/
[12] Coffeescript: http://coffeescript.org/
[13] AMD: http://requirejs.org/docs/whyamd.html
[14] RequireJS: http://requirejs.org/
[15] ES6 Module experiment: http://wiki.ecmascript.org/doku.php?id=harmony:modules
[16] Twitter Bootstrap: http://twitter.github.com/bootstrap/
[17] HTML5 Boilerplate: http://html5boilerplate.com/
[18] Modernizr: http://modernizr.com/
[19] Jasmine: http://pivotal.github.com/jasmine/
[20] PhantomJS: http://phantomjs.org/
Нажмите здесь для печати.