Homebrew, Node et Gulp<\/h2>\n
Pour ceux qui ont une id\u00e9e de ce que sont Gulp et Node, vous avez probablement vu des moyens de les installer \u00e0 leur mani\u00e8re. Si cela fonctionne pour vous et que vous avez une excellente configuration, alors vous \u00eates pr\u00eat \u00e0 partir, et je ne m’inqui\u00e9terais pas beaucoup du reste de cet article.<\/p>\n
Si, d’autre part, vous \u00eates nouveau dans ce domaine, c’est le processus que je suis lorsque je travaille avec ce type de configuration.<\/p>\n
Mais rappelez-vous: m\u00eame si je parcoure trois logiciels \u00e0 installer, chacun d’eux peut \u00eatre install\u00e9 \u00e0 sa mani\u00e8re, mais les installer \u00e0 l’aide d’un package comme Homebrew fournit \u00e9galement un moyen propre d’installer d’autres logiciels de la m\u00eame mani\u00e8re.<\/p>\n
Je couvrirai d’abord Homebrew, puis je me tournerai vers Node et Gulp. Alors c’est parti: Homebrew, Node et Gulp pour le d\u00e9veloppement WordPress.<\/p>\n
1 bi\u00e8re maison<\/h3>\n
En bref, Homebrew est un gestionnaire de packages qui s’ex\u00e9cute sur macOS. Il nous permet d’installer et de d\u00e9sinstaller facilement des logiciels \u00e0 partir de la ligne de commande.<\/p>\n
La page d’accueil Homebrew<\/p>\n Le gestionnaire de paquets nous permet d’installer et de g\u00e9rer facilement une quantit\u00e9 massive de logiciels dont la plupart sont utiles aux d\u00e9veloppeurs.<\/p>\n La page d’accueil revendique\u00a0:<\/p>\n Homebrew installe les \u00e9l\u00e9ments dont vous avez besoin qu’Apple n’a pas.<\/p>\n<\/blockquote>\n Mais pour voir ce que je veux dire, jetez un \u0153il au r\u00e9f\u00e9rentiel<\/a>. C’est \u00e9norme, non? Pour cet article, je me concentre uniquement sur l’installation de Node.<\/p>\n Et j’ai choisi d’inclure ce r\u00e9sum\u00e9 dans Homebrew avant d’installer le reste des packages, car je pense que c’est quelque chose qui m\u00e9rite d’\u00eatre explor\u00e9 si vous n’avez jamais essay\u00e9 auparavant.<\/p>\n Pour installer Gulp, vous devez installer node qui est un runtime JavaScript sur lequel Gulp est construit. Oui, il offre de nombreuses autres fonctionnalit\u00e9s, mais tout cela d\u00e9passe le cadre de cet article.<\/p>\n La page d’accueil du n\u0153ud<\/p>\n La page d’accueil revendique\u00a0:<\/p>\n L’\u00e9cosyst\u00e8me de packages de Node.js, npm, est le plus grand \u00e9cosyst\u00e8me de biblioth\u00e8ques open source au monde.<\/p>\n<\/blockquote>\n Et vous pouvez rechercher tous les packages disponibles sur la page d’accueil de NPM<\/a>. Une simple recherche de "gulp" donnera pr\u00e8s de 10 000 r\u00e9sultats de packages pouvant fonctionner avec le gestionnaire de t\u00e2ches (dont certains font la m\u00eame chose, mais vous voyez l’id\u00e9e).<\/p>\n Enfin, Gulp est un simple ex\u00e9cuteur de t\u00e2ches en ligne de commande qui vous permet d’automatiser de nombreuses choses diff\u00e9rentes dans votre processus de d\u00e9veloppement. \u00c0 titre d’exemple, il contient un package qui surveillera les fichiers Sass<\/a>, les transpilera et les combinera \u00e0 chaque sauvegarde de fichier.<\/p>\n La page d’accueil de Gulp<\/p>\n Dis succinctement :<\/p>\n gulp est une bo\u00eete \u00e0 outils pour automatiser les t\u00e2ches p\u00e9nibles ou chronophages dans votre flux de travail de d\u00e9veloppement, afin que vous puissiez arr\u00eater de d\u00e9conner et construire quelque chose.<\/p>\n<\/blockquote>\n Gr\u00e2ce \u00e0 ce qu’on appelle un fichier gulp, vous devez inclure un certain nombre de d\u00e9pendances – comme celles qui vous permettent de transpiler et de combiner des fichiers CSS – puis de le faire automatiquement chaque fois que n\u00e9cessaire.<\/p>\n Mais cela ne s’arr\u00eate pas l\u00e0: vous pouvez \u00e9galement travailler avec des images, des mod\u00e8les, des fichiers minify, des fichiers lint, etc.<\/a><\/p>\n Tout ce qui pr\u00e9c\u00e8de est une introduction au logiciel, mais comment pouvons-nous tout installer sur notre syst\u00e8me\u00a0?<\/p>\n Tout d’abord, installez homebrew. Pour cela, lancez Terminal et saisissez la commande suivante\u00a0:<\/p>\n Si cela semble un peu bizarre, sachez simplement qu’il utilise cURL et l’ex\u00e9cutable Ruby install\u00e9 pour t\u00e9l\u00e9charger le package Homebrew et l’installer sur votre syst\u00e8me.<\/p>\n Ensuite, installez Node. Une fois Homebrew install\u00e9, c’est facile. Entrez simplement la commande suivante\u00a0:<\/p>\n Facile, non? Et enfin, il faut installer Gulp, et ses packages obligatoires. Cela d\u00e9pendra de votre projet mais pour le projet que j’ai, j’ai besoin de :<\/p>\n Vous pouvez en avoir besoin ou non, alors voici comment installer les d\u00e9pendances gulp et gulp-sass \u00e0 l’aide de Node. Entrez ce qui suit dans votre terminal\u00a0:<\/p>\n Saisissez ensuite\u00a0:<\/p>\n Cela installera les d\u00e9pendances n\u00e9cessaires et indiquera ensuite \u00e0 Gulp de surveiller les modifications apport\u00e9es \u00e0 vos fichiers Sass. Le est \u00e9galement bas\u00e9 sur l’id\u00e9e que vous avez un fichier gulp qui est d\u00e9j\u00e0 d\u00e9fini.<\/p>\n Sinon, vous devrez le cr\u00e9er vous-m\u00eame. Heureusement, de nombreuses recettes<\/a> sont disponibles.<\/p>\n Comme vous pouvez le voir, c’est assez simple, mais le gestionnaire de t\u00e2ches 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\u00a0:<\/p>\n Et rappelez-vous\u00a0: cela ne remplace pas les outils ou le flux de travail dont vous disposez d\u00e9j\u00e0. Au lieu de cela, il est destin\u00e9 \u00e0 vous montrer comment installer une suite d’outils dont un projet dont vous h\u00e9ritez peut avoir besoin. Et si ce n’est pas Gulp, c’est peut-\u00eatre Grunt<\/a> ou un autre coureur de t\u00e2ches. Le fait est qu’il existe un processus pour le faire.<\/p>\n Pour ceux qui s’int\u00e9ressent sp\u00e9cifiquement \u00e0 Homebrew (qui est la base de tout ce qui pr\u00e9c\u00e8de), je recommande \u00e9galement de lire le post de Carl Alexander<\/a> sur sa configuration actuelle<\/a>. Il a une section enti\u00e8rement d\u00e9di\u00e9e \u00e0 Homebrew, pourquoi il l’utilise, et plus encore.<\/p>\n![\"Homebrew,](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a19c4bf8e.png\")
<\/a><\/p>\n\n
2 n\u0153uds<\/h3>\n
![\"Homebrew,](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a1a4a32c2.png\")
<\/a><\/p>\n\n
3 gorg\u00e9es<\/h3>\n
![\"Homebrew,](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a1ab085e4.png\")
<\/a><\/p>\n\n
Installer Homebrew, Node et Gulp<\/h2>\n
$ \/usr\/bin\/ruby -e \"$(curl -fsSL https:\/\/raw.githubusercontent.com\/Homebrew\/install\/master\/install)\"<\/code><\/pre>\n$\u00a0brew <\/code><\/pre>\n\n
$ npm install gulp\n$ npm install gulp-sass<\/code><\/pre>\n$ gulp sass:watch<\/code><\/pre>\nAutres ressources<\/h2>\n
\n