Gulp. Вступ.
Всім привіт! Це перша стаття з серії, де ми розглянемо, що таке Gulp, в чому причина його популярності, як його встановити і налаштувати, а також деякі інші деталі.
Що таке Gulp?
Отже, Gulp - це збирач проектів, написаний на NodeJS. Він дозволяє швидко створити потрібну структуру проекту, скачати і підключити потрібні фреймворки або бібліотеки, стежити за файлами і, якщо вони оновилися, що-небудь з ними робити. Наприклад, ви можете писати код на Sass , а після збереження файлу Gulp сам перевірить, чи є зміни, і, якщо вони є, скомпілює .sass файл в .css файл і оновить браузер на всіх підключених до мережі пристроях, щоб ви могли перевірити, як ваш проект відображається на різних дозволах екрану і різних операційних системах.
У чому причина його популярності?
Так як Gulp написаний на NodeJS, всі його налаштування можна дуже легко робити за допомогою звичайних jаvascript функцій. Якщо ви вже знаєте jаvascript, то навіщо вам вчити ще одну мову програмування? Саме так подумали творці платформи NodeJS, а на її основі вже був створений Gulp. Крім усього іншого, для даного збирача проектів вже є безліч модулів, які значно полегшать вам написання коду.
Відео: Gulp.js # 06 - складання та Деплой проекту, gulp-useref, gulp-sftp
установка
Отже, давайте розглянемо, як встановити Gulp. Робиться це дуже просто!
По-перше, переконайтеся, що у вас встановлена платформа NodeJS і NPM.
По-друге, відкрийте термінал і введіть наступну команду:
npm i gulp -g
i - це скорочення від install(Встановити), а g - global(Глобально), що означає, що збирач проектів буде встановлений в вашу систему, а не в певну папку. Це потрібно при першій установці, а згодом прапор g вам вже буде не потрібен.
Відео: Gulp, WebPack
висновок
Отже, в цій статті ми розібралися, що таке Gulp, навіщо він потрібен, а також справили його установку. У наступних же статтях ми створимо проект, де налаштуємо правильне робоче оточення!
А на цьому у мене все. Дякую за увагу!
- Nodejs. Що таке npm.
- Що таке postcss.
- Як зробити 3d модель об`єкта на jаvascript.
- Як створити асоціативний масив в jаvascript
- Як зробити попередній перегляд зображень на jаvascript.
- Nodejs. Як працювати з файлом package.json.
- Коли варто використовувати jquery
- Nodejs. Що таке потоки і буфери.
- Вивчаємо sass. Встановлення та налаштування.
- Вивчаємо sass. Міксини.
- Nodejs. Движок v8.
- Вивчаємо coffeescript. Вступ.
- jаvascript
- Gulp. Структура проекту і робота завдань.
- Nodejs. Модулі.
- Koala - швидка компіляція sass.
- Установка і настройка postcss.
- Gulp. Спостереження за змінами в файлах.
- Nodejs. Глобальний об`єкт.
- jаvascript hello world
- Gulp. Встановлення та налаштування.