Homebrew, Node et Gulp pour le développement WordPress
Bien que j’aie une suite d’outils que je préfère utiliser sur des projets sur lesquels je travaille à partir de zéro, la nature du travail contractuel est que vous n’êtes pas toujours en mesure d’utiliser ces outils.
Au lieu de cela, vous devez travailler en utilisant les outils fournis par le client qui entrent généralement en jeu chaque fois que vous héritez d’un projet d’un développeur précédent.
Pour être clair, cela n’affecte pas le choix d’outils de quiconque. Je n’ai pas de position ici ou là là-dessus. Au lieu de cela, je pense qu’il est important de savoir comment se lancer facilement avec certains de ces outils.
Par exemple, nous avons travaillé sur un projet qui nécessite Gulp qui à son tour nécessite Node qui peut être installé facilement à l’aide de Homebrew. C’est beaucoup d’étapes pour travailler en arrière, non ?
Démarrer avec Homebrew, Node et Gulp dans le développement WordPress est assez facile. J’ai décrit les étapes ci-dessous et fait ce que je peux pour expliquer ce que fait chaque paquet afin que vous sachiez ce que vous installez et ce que vous faites si ou quand vous rencontrez un projet comme celui-ci.
Homebrew, Node et Gulp
Pour ceux qui ont une idée de ce que sont Gulp et Node, vous avez probablement vu des moyens de les installer à leur manière. Si cela fonctionne pour vous et que vous avez une excellente configuration, alors vous êtes prêt à partir, et je ne m’inquiéterais pas beaucoup du reste de cet article.
Si, d’autre part, vous êtes nouveau dans ce domaine, c’est le processus que je suis lorsque je travaille avec ce type de configuration.
Mais rappelez-vous: même si je parcoure trois logiciels à installer, chacun d’eux peut être installé à sa manière, mais les installer à l’aide d’un package comme Homebrew fournit également un moyen propre d’installer d’autres logiciels de la même manière.
Je couvrirai d’abord Homebrew, puis je me tournerai vers Node et Gulp. Alors c’est parti: Homebrew, Node et Gulp pour le développement WordPress.
1 bière maison
En bref, Homebrew est un gestionnaire de packages qui s’exécute sur macOS. Il nous permet d’installer et de désinstaller facilement des logiciels à partir de la ligne de commande.
La page d’accueil Homebrew
Le gestionnaire de paquets nous permet d’installer et de gérer facilement une quantité massive de logiciels dont la plupart sont utiles aux développeurs.
La page d’accueil revendique :
Homebrew installe les éléments dont vous avez besoin qu’Apple n’a pas.
Mais pour voir ce que je veux dire, jetez un œil au référentiel. C’est énorme, non? Pour cet article, je me concentre uniquement sur l’installation de Node.
Et j’ai choisi d’inclure ce résumé dans Homebrew avant d’installer le reste des packages, car je pense que c’est quelque chose qui mérite d’être exploré si vous n’avez jamais essayé auparavant.
2 nœuds
Pour installer Gulp, vous devez installer node qui est un runtime JavaScript sur lequel Gulp est construit. Oui, il offre de nombreuses autres fonctionnalités, mais tout cela dépasse le cadre de cet article.
La page d’accueil du nœud
La page d’accueil revendique :
L’écosystème de packages de Node.js, npm, est le plus grand écosystème de bibliothèques open source au monde.
Et vous pouvez rechercher tous les packages disponibles sur la page d’accueil de NPM. Une simple recherche de "gulp" donnera près de 10 000 résultats de packages pouvant fonctionner avec le gestionnaire de tâches (dont certains font la même chose, mais vous voyez l’idée).
3 gorgées
Enfin, Gulp est un simple exécuteur de tâches en ligne de commande qui vous permet d’automatiser de nombreuses choses différentes dans votre processus de développement. À titre d’exemple, il contient un package qui surveillera les fichiers Sass, les transpilera et les combinera à chaque sauvegarde de fichier.
La page d’accueil de Gulp
Dis succinctement :
gulp est une boîte à outils pour automatiser les tâches pénibles ou chronophages dans votre flux de travail de développement, afin que vous puissiez arrêter de déconner et construire quelque chose.
Grâce à ce qu’on appelle un fichier gulp, vous devez inclure un certain nombre de dépendances – comme celles qui vous permettent de transpiler et de combiner des fichiers CSS – puis de le faire automatiquement chaque fois que nécessaire.
Mais cela ne s’arrête pas là: vous pouvez également travailler avec des images, des modèles, des fichiers minify, des fichiers lint, etc.
Installer Homebrew, Node et Gulp
Tout ce qui précède est une introduction au logiciel, mais comment pouvons-nous tout installer sur notre système ?
Tout d’abord, installez homebrew. Pour cela, lancez Terminal et saisissez la commande suivante :
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"Si cela semble un peu bizarre, sachez simplement qu’il utilise cURL et l’exécutable Ruby installé pour télécharger le package Homebrew et l’installer sur votre système.
Ensuite, installez Node. Une fois Homebrew installé, c’est facile. Entrez simplement la commande suivante :
$ brew Facile, non? Et enfin, il faut installer Gulp, et ses packages obligatoires. Cela dépendra de votre projet mais pour le projet que j’ai, j’ai besoin de :
Vous pouvez en avoir besoin ou non, alors voici comment installer les dépendances gulp et gulp-sass à l’aide de Node. Entrez ce qui suit dans votre terminal :
$ npm install gulp
$ npm install gulp-sassSaisissez ensuite :
$ gulp sass:watchCela installera les dépendances nécessaires et indiquera ensuite à Gulp de surveiller les modifications apportées à vos fichiers Sass. Le est également basé sur l’idée que vous avez un fichier gulp qui est déjà défini.
Sinon, vous devrez le créer vous-même. Heureusement, de nombreuses recettes sont disponibles.
Autres ressources
Comme vous pouvez le voir, c’est assez simple, mais le gestionnaire de tâches concerne votre environnement. Je recommande de lire la documentation de chacun des packages ci-dessus pour mieux comprendre que la courte description que j’ai fournie :
Et rappelez-vous : cela ne remplace pas les outils ou le flux de travail dont vous disposez déjà. Au lieu de cela, il est destiné à vous montrer comment installer une suite d’outils dont un projet dont vous héritez peut avoir besoin. Et si ce n’est pas Gulp, c’est peut-être Grunt ou un autre coureur de tâches. Le fait est qu’il existe un processus pour le faire.
Pour ceux qui s’intéressent spécifiquement à Homebrew (qui est la base de tout ce qui précède), je recommande également de lire le post de Carl Alexander sur sa configuration actuelle. Il a une section entièrement dédiée à Homebrew, pourquoi il l’utilise, et plus encore.