✅ Новости WEB и WordPress, темы, плагины. Здесь мы делимся советами и лучшими решениями для веб-сайтов.

Homebrew, Node и Gulp для разработки WordPress

25

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

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

Чтобы было ясно, это не сбивает чей-либо выбор инструментов. У меня нет позиции здесь или там по этому поводу. Вместо этого я думаю, что важно знать, как легко приступить к работе с некоторыми из этих инструментов.

Например, мы работали над проектом, для которого требуется Gulp, для которого, в свою очередь, требуется Node, который можно легко установить с помощью Homebrew. Это много шагов назад, верно?

Начать работу с Homebrew, Node и Gulp в разработке WordPress довольно просто. Я описал шаги ниже и сделал все возможное, чтобы объяснить, что делает каждый пакет, чтобы вы знали, что вы устанавливаете и что вы делаете, если или когда вы столкнетесь с подобным проектом.

Homebrew, Node и Gulp

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

С другой стороны, если вы новичок в этом, то я следую этому процессу при работе с этим типом настройки.

Но помните: несмотря на то, что я просматриваю три части программного обеспечения для установки, каждое из них может быть установлено по-своему, но установка их с использованием пакета, такого как Homebrew, также обеспечивает чистый способ установки другого программного обеспечения таким же образом.

Сначала я расскажу о Homebrew, а затем рассмотрю Node и Gulp. Итак, приступим: Homebrew, Node и Gulp для разработки WordPress.

1 домашний пивовар

Короче говоря, Homebrew — это менеджер пакетов, работающий на macOS. Это позволяет нам легко устанавливать и удалять программное обеспечение из командной строки.

Homebrew, Node и Gulp для разработки WordPress

Домашняя страница доморощенного

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

На главной странице утверждается:

Homebrew устанавливает то, что вам нужно, чего Apple не сделала.

Но чтобы понять, что я имею в виду, загляните в репозиторий. Он огромный, да? В этом посте я сосредоточусь только на установке Node.

И я решил включить этот брифинг в Homebrew перед установкой остальных пакетов, потому что я думаю, что это стоит изучить, если вы никогда не пробовали раньше.

2 узла

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

Homebrew, Node и Gulp для разработки WordPress

Домашняя страница узла

На главной странице утверждается:

Экосистема пакетов Node.js, npm, является крупнейшей в мире экосистемой библиотек с открытым исходным кодом.

И вы можете искать все доступные пакеты на домашней странице NPM. Простой поиск по ‘gulp’ даст почти 10 000 результатов пакетов, которые могут работать с Task-Runner (некоторые из них делают то же самое, но вы поняли идею).

3 глотка

Наконец, Gulp — это простая программа запуска задач из командной строки, которая позволяет вам автоматизировать множество разных вещей в процессе разработки. Например, у него есть пакет, который будет просматривать файлы Sass, транспилировать и объединять их при каждом сохранении файла.

Homebrew, Node и Gulp для разработки WordPress

Домашняя страница глотка

Сформулируйте кратко:

gulp — это набор инструментов для автоматизации болезненных или трудоемких задач в рабочем процессе разработки, поэтому вы можете перестать бездельничать и создать что-нибудь.

Через то, что называется файлом gulp, вы должны включить ряд зависимостей — например, те, которые позволяют вам транспилировать и комбинировать файлы CSS — а затем автоматически делать это, когда это необходимо.

Но это еще не все: вы также можете работать с изображениями, шаблонами, файлами minify, lint и т. д.

Установка Homebrew, Node и Gulp

Все вышеперечисленное является введением в программное обеспечение, но как нам все это установить в нашей системе?

Сначала установите доморощенный. Для этого запустите Терминал и введите следующую команду:

$ /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 или какой-то другой таск-раннер. Дело в том, что есть процесс для этого.

Для тех, кто интересуется именно Homebrew (который является основой для всего вышеперечисленного), я также рекомендую прочитать пост Карла Александра о его текущей настройке. У него есть раздел, полностью посвященный Homebrew, почему он его использует и многое другое.

Источник записи: tommcfarlin.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее