Homebrew, Node y Gulp para el desarrollo de WordPress
Aunque tengo un conjunto de herramientas que prefiero usar en proyectos en los que trabajo desde cero, la naturaleza del trabajo por contrato es que no siempre puedes usar esas herramientas.
En cambio, debe trabajar con las herramientas proporcionadas por el cliente, que generalmente entran en juego cada vez que hereda un proyecto de un desarrollador anterior.
Para ser claros, esto no está afectando la elección de herramientas de nadie. No tengo una posición aquí o allá sobre eso. En cambio, creo que es importante saber cómo poner en marcha algunas de esas herramientas fácilmente.
Por ejemplo, hemos estado trabajando en un proyecto que requiere Gulp, que a su vez requiere Node, que se puede instalar fácilmente con Homebrew. Son muchos pasos para trabajar hacia atrás, ¿verdad?
Comenzar con Homebrew, Node y Gulp en el desarrollo de WordPress es bastante fácil. Describí los pasos a continuación e hice lo que pude para explicar lo que hace cada paquete para que sepa lo que está instalando y lo que está haciendo si se encuentra con un proyecto como este.
Homebrew, Nodo y Gulp
Para aquellos que tienen alguna idea de qué son Gulp y Node, es probable que hayan visto formas de instalarlos en su camino. Si eso funciona para usted y tiene una excelente configuración, entonces está listo para comenzar, y no me preocuparía mucho por el resto de esta publicación.
Si, por el contrario, eres nuevo en esto, este es el proceso que sigo cuando trabajo con este tipo de configuración.
Pero recuerde: aunque estoy recorriendo tres piezas de software para instalar, cada una de ellas se puede instalar a su manera, pero instalarlas usando un paquete como Homebrew también proporciona una forma limpia de instalar otro software de la misma manera.
Cubriré Homebrew primero, luego miraré a Node y Gulp. Así que aquí vamos: Homebrew, Node y Gulp, todo para el desarrollo de WordPress.
1 cerveza casera
En resumen, Homebrew es un administrador de paquetes que se ejecuta en macOS. Nos permite instalar y desinstalar software desde la línea de comandos fácilmente.
La página de inicio de Homebrew
El administrador de paquetes nos permite instalar y administrar fácilmente una gran cantidad de software, mucho del cual es útil para los desarrolladores.
La página de inicio afirma:
Homebrew instala las cosas que necesita que Apple no hizo.
Pero para ver a lo que me refiero, echa un vistazo al repositorio. Es enorme, ¿verdad? Para esta publicación, solo me estoy enfocando en instalar Node.
Y opté por incluir este resumen en Homebrew antes de instalar el resto de los paquetes porque es algo que creo que vale la pena explorar si nunca lo has probado antes.
2 nodos
Para instalar Gulp, debe instalar el nodo, que es un tiempo de ejecución de JavaScript en el que se basa Gulp. Sí, ofrece muchas otras funcionalidades, pero todo está más allá del alcance de esta publicación.
La página de inicio del nodo
La página de inicio afirma:
El ecosistema de paquetes de Node.js, npm, es el ecosistema de bibliotecas de código abierto más grande del mundo.
Y puede buscar todos los paquetes disponibles en la página de inicio de NPM. Una simple búsqueda de ‘gulp’ arrojará casi 10,000 resultados de paquetes que pueden funcionar con el ejecutor de tareas (algunos de los cuales hacen lo mismo, pero se entiende la idea).
3 trago
Finalmente, Gulp es un simple ejecutor de tareas de línea de comandos que le permite automatizar muchas cosas diferentes en su proceso de desarrollo. Como ejemplo, tiene un paquete que observará los archivos Sass y los transpilará y combinará en cada archivo guardado.
La página de inicio de Gulp
Dicho de manera sucinta:
gulp es un conjunto de herramientas para automatizar tareas dolorosas o que consumen mucho tiempo en su flujo de trabajo de desarrollo, para que pueda dejar de perder el tiempo y construir algo.
A través de lo que se llama un archivo gulp, debe incluir una serie de dependencias, como las que le permiten transpilar y combinar archivos CSS, y luego hacer que lo haga automáticamente cuando sea necesario.
Pero no se detiene ahí: también puede trabajar con imágenes, plantillas, archivos minimizados, archivos lint, etc.
Instalación de Homebrew, Node y Gulp
Todo lo anterior es una introducción al software, pero ¿cómo lo instalamos todo en nuestro sistema?
Primero, instala homebrew. Para hacer esto, inicie Terminal e ingrese el siguiente comando:
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"Si esto parece un poco extraño, solo sepa que está usando cURL y el ejecutable Ruby instalado para descargar el paquete Homebrew e instalarlo en su sistema.
A continuación, instale Node. Una vez que Homebrew está instalado, esto es fácil. Simplemente ingrese el siguiente comando:
$ brew Fácil, ¿verdad? Y finalmente, es necesario instalar Gulp, y sus paquetes requeridos. Esto dependerá de su proyecto, pero para el proyecto que tengo, necesito:
Es posible que los necesite o no, así que aquí le mostraré cómo instalar las dependencias de gulp y gulp-sass usando Node. Introduce lo siguiente en tu terminal:
$ npm install gulp
$ npm install gulp-sassLuego ingrese:
$ gulp sass:watchEsto instalará las dependencias necesarias y luego le indicará a Gulp que busque modificaciones en sus archivos Sass. También se basa en la idea de que tiene un archivo Gulp que ya está definido.
Si no, tendrás que crearlo tú mismo. Afortunadamente, hay muchas recetas disponibles.
Otros recursos
Como puede ver, es bastante sencillo, pero el ejecutor de tareas se trata de su entorno. Recomiendo leer la documentación de cada uno de los paquetes anteriores para obtener una comprensión más profunda que la breve descripción que proporcioné:
Y recuerda: esto no es para reemplazar ninguna herramienta o flujo de trabajo que ya tengas. En su lugar, está destinado a mostrarle cómo instalar un conjunto de herramientas que puede necesitar un proyecto que herede. Y si no es Gulp, tal vez sea Grunt o algún otro ejecutor de tareas. El punto es que hay un proceso para hacerlo.
Para aquellos que estén interesados específicamente en Homebrew (que es la base de todo lo anterior), también recomiendo leer la publicación de Carl Alexander sobre su configuración actual. Tiene una sección completamente dedicada a Homebrew, por qué lo usa y más.