Настройка gulp и плагина sass есть в статье как установить gulp.

Продолжаем установку основных плагинов.

Создадим таск, который будет собирать все js файлы в один и сжимать его.

Все js скрипты и css сжимаем и переносим в один файл

Рассмотрим как сделать скрипт обратной связи для лендинг страниц.

Подключается к любой форме обратной связи с любым количеством полей, без исправления файла mail.php.

Обратная связь состоит из трех файлов, рассмотрим каждый подробно в отдельности.

создаем index.html

Sass это один из наиболее стабильных препроцессоров и самый популярный у профи.

Рассмотрим его сильные стороны.

Это совместимость с разными версиями css, поэтому можно использовать любые css библиотеки в проекте.

Также синтаксис sass упрощает работу и разнообразит разработку.

Настройка окружения для работы

Переходим на официальный сайт browser-sync, на главной странице увидим команду.

Клманду нужно прописать в окно команд в проекте npm I browser-synс --save-dev.

После успешной установки увидим, что плагин появился в package.json.

Открываем gulpfile.js и подключаем browser-sync. Пишем.

Рассмотрим настройку sublime text 3 для frontend разработки.

Для начала скачаем программу с официального сайта.

Далее запускаем установщик.

После запускаем программу и приступаем к настройке.

Первым делам добавляем пакеты.

Нажимаем ctrl+shift+p откроется табличка пишем слово install и выбираем пункт Install Package.

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

Все проекты использующие gulp имеют в корне файл gulpfile.js.

Для начала устанавливаем gulp у нас должен быть установлен node.js.

Скачиваем его с официального сайта, последнюю версию.