Галп – Gulp для начинающих

перевод, произношение, транскрипция, примеры использования

Я сглотнул, когда увидел счёт (за что либо). ☰

Она проглотила (очень быстро съела) свой завтрак и побежала на автобус. ☰

Перед тем как нырнуть, он сделал большой вздох. ☰

Измученные скакуны лежали на земле глотая воздух. ☰

He took a huge gulp of brandy. 

Он сделал огромный глоток бренди. ☰

He finished it at a single gulp. 

Он прикончил выпивку одним глотком. ☰

“That’s a lot of money,” she gulped. 

“Это большие деньги”, — сказала она сглотнув. ☰

We rushed outside and gulped in the sweet fresh air. 

Мы выбежали на улицу и жадно вдохнули сладкий свежий воздух. ☰

He gulped for help after choking on a big piece of meat. 

Подавившись большим куском мяса, он, задыхаясь, позвал на помощь. ☰

The soldier took pride in being able to gulp back a whole pint of beer at once. 

Солдат гордился тем, что может в один присест выпить целую пинту пива. ☰

She told him not to gulp his food. 

Она сказала ему не глотать еду не пережёвывая. ☰

Hannah drained her mug in one gulp. 

Ханна осушила свою кружку одним глотком. ☰

Charlie drank the whisky in one gulp. 

Чарли выпил виски одним глотком. ☰

She swallowed the whole spoonful at one gulp. 

Она проглотила целую ложку одним махом. ☰

He gulped back tears as he thanked the rescuers. 

Еле сдерживая слёзы, он поблагодарил спасателей. ☰

She gulped down her drink and made a hasty exit. 

Она разом проглотила свой напиток и поспешно вышла. ☰

He gulped down vast quantities of champagne at the party. 

Он выпил огромное количество шампанского на вечеринке. ☰

wooordhunt.ru

Gulp. Часть 1. Зачем он нужен? :: Блог веб разработчика

Что вообще такое Gulp?

О том что такое Gulp, наверное, не писал только ленивый и, тем не менее, все чаще я слышу один и тот же вопрос: Зачем вообще использовать Gulp? В чем дзен то?

Итак, объясняю на пальцах:

Допустим, вы верстальщик (для примера). Верстаете какой-то проект в котором вам понадобилось комплировать LESS в CSS. Что вы делаете? Правильно, ищите плагин для вашей любимой IDE, настраиваете его и запускаете. Далее вам внезапно понадобилось автоматически собирать спрайты (ведь вручную их делать в фотошопе довольно муторное занятие, поверьте, я знаю). Вы снова ищите плагин для своей любимой IDE, но не находите (скорее всего). Ищите стороннее решение, находите, например скрипт на питоне для автоматического создания спрайтов, долго его устанавливаете и настраиваете (с питоном то вы не бум-бум) и наконец запускаете. Далее вам может понадобиться компилировать, например React.js, так же автоматически. Вы снова ищите плагин под свою IDE, может быть даже находите.

Вроде все работает как надо, так в чем проблема то?

И тут у вас появляется второй проект, который требует всего того же самого, плюс/минус небольшие изменения. И что? Копировать настройки всех плагинов или заного их настраивать? А если вы завтра смените IDE или отдадите проекту другому верстальщику? Вот тут то и помогут таск-менеджеры.

На самом деле мир не ограничивается Gulp-ом, но мы будем рассматривать его, как наиболее адекватный, на мой взгляд.

Gulp позволит вам делать все те же самые вещи, только быстрее, удобнее и, главное, однотипно из проекта в проект, от IDE к IDE, от компьютера к компьютеру, от человека к человеку.

Полный список возможностей довольно велик и постоянно расширяется, т.к. все возможности Gulp завязаны на плагинах к нему. Сам по себе Gulp не может делать практически ничего.

Далее: Часть 2. Установка Gulp

akuma.su

Gulp — автоматизация процесса разработки

Значимую роль в технологиях веб-разработки приобрели система автоматизации процесса разработки. Наиболее известные из них — это старичок Grunt и более молодой Gulp, который отличается более простым и понятным синтаксисом.

Если вы не пользуетесь этой программой, то самое время начать это делать.

Потому что она может:

  • Автоматически перезагружать браузер при любых изменениях в файлах проекта (более не надо затирать клавиши Ctrl/Cmd+R)
  • Сжимать и склеивать скрипты и стили
  • Проверять скрипты и стили на ошибки
  • Использовать различные препроцессоры — SASS/LESS/Stylus, Jade и так далее.
  • Оптимизировать изображения

Конечно, возможностей больше. Здесь лишь перечислены основные из них.

Давайте попробуем пройти весь путь от установки Gulp до создания простейшей конфигурации программы. Посмотрим, насколько она облегчит жизнь в рамках одного проекта.

Установка

Устанавливается Gulp при помощи NPM (Node Package Manager).

Подразумевается под тем, что вы уже установили Node.JS на свой компьютер. Или, по-крайней мере, знаете, как это сделать.

Если ещё не установили, то обязательно пройдите по ссылке. Скачайте установщик для вашей операционной системы и установите его.

Устанавливаем Gulp:

npm install gulp -g

Структура папок в проекте носит произвольный характер. Здесь указана такая структура, которая удобна автору статьи.

Перейдём в директорию с проектом и создадим пустой файл для конфигурации.

touch gulpfile.js

Теперь нам необходимо установить все дополнительные пакеты, которые мы будем использовать по ходу автоматизации рабочего процесса.

sudo npm install gulp-jade gulp-stylus gulp-coffee gulp-livereload nib gulp-imagemin gulp-uglify gulp-concat connect connect-livereload serve-static --save-dev

Конфигурация

Приступаем к настройке файла конфигурации gulpfile.js, который мы создали в корневом каталоге проекта.

После сохранения файла, в консоли, находясь в папке проекта, запустите команду gulp.

 

Тестовый проект с уже созданными файлами для Stylus, Jade и CoffeeScript можно скачать по адресу:

 

Если у вас есть какие-либо вопросы по этой теме, задавайте их в комментариях.

codemotion.ru

Отправить ответ

avatar
  Подписаться  
Уведомление о