Хоча у мене є набір інструментів, які я вважаю за краще використовувати в проектах, над якими я працюю з нуля, характер роботи за контрактом полягає в тому, що ви не завжди можете використовувати ці інструменти.
Замість цього вам доведеться працювати, використовуючи інструменти, надані клієнтом, які зазвичай застосовуються щоразу, коли ви успадковуєте проект від попереднього розробника.
Щоб було зрозуміло, це не заважає нікому вибирати інструменти. Я не маю жодної позиції щодо цього. Натомість я вважаю, що важливо знати, як легко налагодити роботу з деякими з цих інструментів.
Наприклад, ми працювали над проектом, який вимагає Gulp, який, у свою чергу, вимагає Node, який можна легко встановити за допомогою Homebrew. Це багато кроків, щоб працювати назад, чи не так?
Почати роботу з Homebrew, Node і Gulp у розробці WordPress досить просто. Нижче я описав кроки та зробив усе можливе, щоб пояснити, що робить кожен пакет, щоб ви знали, що ви встановлюєте та що робите, якщо чи коли ви зіткнетеся з подібним проектом.
Homebrew, Node і Gulp
Для тих, хто має хоч якесь уявлення про те, що таке Gulp і Node, ви, ймовірно, бачили способи їх встановлення. Якщо це працює для вас і у вас є чудові налаштування, тоді все готово, і я б не хвилювався про решту цієї публікації.
З іншого боку, якщо ви зовсім новачок у цьому, тоді я дотримуюся цього процесу, працюючи з таким типом налаштування.
Але пам’ятайте: незважаючи на те, що я розглядаю три частини програмного забезпечення для інсталяції, кожну з них можна інсталювати по-своєму, але інсталяція їх за допомогою пакета, як-от Homebrew, також забезпечує чистий спосіб інсталювати інше програмне забезпечення таким же чином.
Спочатку я розповім про Homebrew, потім про Node і Gulp. Отже, ми починаємо: Homebrew, Node і Gulp — усе для розробки WordPress.
1 Домашнє пиво
Коротше кажучи, Homebrew — це менеджер пакетів, який працює на macOS. Це дозволяє нам легко встановлювати та видаляти програмне забезпечення з командного рядка.
Домашня сторінка Homebrew
Менеджер пакетів дозволяє нам легко встановлювати величезну кількість програмного забезпечення та керувати ним, багато з яких є корисними для розробників.
Домашня сторінка стверджує:
Homebrew встановлює те, що вам потрібно, чого не робила Apple.
Але щоб зрозуміти, що я маю на увазі, подивіться на репозиторій. Це величезний, правда? У цій публікації я зосереджуся лише на встановленні Node.
І я вирішив включити цей короткий опис у Homebrew перед встановленням решти пакетів, тому що це те, що, на мою думку, варто вивчити, якщо ви ніколи раніше не пробували.
2 вузол
Щоб установити Gulp, вам потрібно встановити вузол, який є середовищем виконання JavaScript, на якому побудовано Gulp. Так, він пропонує багато інших функцій, але все це виходить за рамки цієї публікації.
Домашня сторінка вузла
Домашня сторінка стверджує:
Екосистема пакетів Node.js, npm, є найбільшою екосистемою бібліотек з відкритим кодом у світі.
І ви можете шукати всі пакети, доступні на домашній сторінці NPM. Простий пошук за «ковтком» дасть майже 10 000 результатів пакетів, які можуть працювати з програмою запуску завдань (деякі з них роблять те саме, але ви зрозуміли).
3 ковтка
Нарешті, Gulp — це простий засіб запуску завдань командного рядка, який дозволяє вам автоматизувати багато різних речей у процесі розробки. Як один із прикладів, у нього є пакет, який спостерігатиме за файлами Sass, а також транспілюватиме та комбінуватиме їх під час кожного збереження файлу.
Домашня сторінка Gulp
Сформулюйте коротко:
gulp — це набір інструментів для автоматизації болісних або трудомістких завдань у робочому процесі розробки, тож ви можете перестати возитися й створити щось.
Через те, що називається gulp-файлом, ви повинні включити низку залежностей, як-от ті, які дозволяють транспілювати та комбінувати файли CSS, а потім автоматично робити це, коли це необхідно.
Але це не закінчується: ви також можете працювати із зображеннями, шаблонами, мінімізувати файли, файли lint тощо.
Встановлення Homebrew, Node і Gulp
Все вищесказане є вступом до програмного забезпечення, але як ми все це інсталюємо в нашій системі?
Спочатку встановіть homebrew. Для цього запустіть термінал і введіть таку команду:
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"Якщо це виглядає дещо дивно, знайте, що він використовує cURL і встановлений виконуваний файл Ruby для завантаження пакета Homebrew і встановлення його у вашій системі.
Далі встановіть Node. Після встановлення Homebrew це легко. Просто введіть таку команду:
$ brew Легко, правда? І, нарешті, необхідно встановити Gulp і необхідні пакети. Це залежатиме від вашого проекту, але для проекту, який я маю, мені потрібно:
Вони можуть вам знадобитися, а можуть і не знадобитися, тому я розповім, як встановити залежності gulp і gulp-sass за допомогою Node. У своєму терміналі введіть наступне:
$ npm install gulp
$ npm install gulp-sassПотім введіть:
$ gulp sass:watchЦе встановить обов’язкові залежності, а потім повідомить Gulp спостерігати за змінами ваших файлів Sass. Також базується на ідеї, що у вас є файл gulp, який уже визначено.
Якщо ні, вам доведеться створити його самостійно. На щастя, існує маса рецептів.
Інші ресурси
Як бачите, це досить просто, але програма запуску завдань стосується вашого середовища. Я рекомендую прочитати документацію для кожного з пакетів вище, щоб отримати глибше розуміння, ніж короткий опис, який я надав:
І пам’ятайте: це не замінює інструменти чи робочий процес, який у вас уже є. Натомість він призначений для того, щоб показати вам, як інсталювати набір інструментів, які можуть знадобитися для проекту, який ви успадкуєте. І якщо це не Gulp, можливо, це Grunt або якийсь інший Task Runner. Справа в тому, що для цього існує певний процес.
Для тих, хто цікавиться саме Homebrew (який є основою для всього вищесказаного), я також рекомендую прочитати публікацію Карла Александра про його поточні налаштування. У нього є розділ, повністю присвячений Homebrew, чому він його використовує тощо.