Homebrew, Nodo y Gulp<\/h2>\n
Para aquellos que tienen alguna idea de qu\u00e9 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\u00f3n, entonces est\u00e1 listo para comenzar, y no me preocupar\u00eda mucho por el resto de esta publicaci\u00f3n.<\/p>\n
Si, por el contrario, eres nuevo en esto, este es el proceso que sigo cuando trabajo con este tipo de configuraci\u00f3n.<\/p>\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\u00e9n proporciona una forma limpia de instalar otro software de la misma manera.<\/p>\n
Cubrir\u00e9 Homebrew primero, luego mirar\u00e9 a Node y Gulp. As\u00ed que aqu\u00ed vamos: Homebrew, Node y Gulp, todo para el desarrollo de WordPress.<\/p>\n
1 cerveza casera<\/h3>\n
En resumen, Homebrew es un administrador de paquetes que se ejecuta en macOS. Nos permite instalar y desinstalar software desde la l\u00ednea de comandos f\u00e1cilmente.<\/p>\n
La p\u00e1gina de inicio de Homebrew<\/p>\n El administrador de paquetes nos permite instalar y administrar f\u00e1cilmente una gran cantidad de software, mucho del cual es \u00fatil para los desarrolladores.<\/p>\n La p\u00e1gina de inicio afirma:<\/p>\n Homebrew instala las cosas que necesita que Apple no hizo.<\/p>\n<\/blockquote>\n Pero para ver a lo que me refiero, echa un vistazo al repositorio<\/a>. Es enorme, \u00bfverdad? Para esta publicaci\u00f3n, solo me estoy enfocando en instalar Node.<\/p>\n Y opt\u00e9 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.<\/p>\n Para instalar Gulp, debe instalar el nodo, que es un tiempo de ejecuci\u00f3n de JavaScript en el que se basa Gulp. S\u00ed, ofrece muchas otras funcionalidades, pero todo est\u00e1 m\u00e1s all\u00e1 del alcance de esta publicaci\u00f3n.<\/p>\n La p\u00e1gina de inicio del nodo<\/p>\n La p\u00e1gina de inicio afirma:<\/p>\n El ecosistema de paquetes de Node.js, npm, es el ecosistema de bibliotecas de c\u00f3digo abierto m\u00e1s grande del mundo.<\/p>\n<\/blockquote>\n Y puede buscar todos los paquetes disponibles en la p\u00e1gina de inicio de NPM<\/a>. Una simple b\u00fasqueda de ‘gulp’ arrojar\u00e1 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).<\/p>\n Finalmente, Gulp es un simple ejecutor de tareas de l\u00ednea de comandos que le permite automatizar muchas cosas diferentes en su proceso de desarrollo. Como ejemplo, tiene un paquete que observar\u00e1 los archivos Sass<\/a> y los transpilar\u00e1 y combinar\u00e1 en cada archivo guardado.<\/p>\n La p\u00e1gina de inicio de Gulp<\/p>\n Dicho de manera sucinta:<\/p>\n 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.<\/p>\n<\/blockquote>\n A trav\u00e9s 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\u00e1ticamente cuando sea necesario.<\/p>\n Pero no se detiene ah\u00ed: tambi\u00e9n puede trabajar con im\u00e1genes, plantillas, archivos minimizados, archivos lint, etc.<\/a><\/p>\n Todo lo anterior es una introducci\u00f3n al software, pero \u00bfc\u00f3mo lo instalamos todo en nuestro sistema?<\/p>\n Primero, instala homebrew. Para hacer esto, inicie Terminal e ingrese el siguiente comando:<\/p>\n Si esto parece un poco extra\u00f1o, solo sepa que est\u00e1 usando cURL y el ejecutable Ruby instalado para descargar el paquete Homebrew e instalarlo en su sistema.<\/p>\n A continuaci\u00f3n, instale Node. Una vez que Homebrew est\u00e1 instalado, esto es f\u00e1cil. Simplemente ingrese el siguiente comando:<\/p>\n F\u00e1cil, \u00bfverdad? Y finalmente, es necesario instalar Gulp, y sus paquetes requeridos. Esto depender\u00e1 de su proyecto, pero para el proyecto que tengo, necesito:<\/p>\n Es posible que los necesite o no, as\u00ed que aqu\u00ed le mostrar\u00e9 c\u00f3mo instalar las dependencias de gulp y gulp-sass usando Node. Introduce lo siguiente en tu terminal:<\/p>\n Luego ingrese:<\/p>\n Esto instalar\u00e1 las dependencias necesarias y luego le indicar\u00e1 a Gulp que busque modificaciones en sus archivos Sass. Tambi\u00e9n se basa en la idea de que tiene un archivo Gulp que ya est\u00e1 definido.<\/p>\n Si no, tendr\u00e1s que crearlo t\u00fa mismo. Afortunadamente, hay muchas recetas<\/a> disponibles.<\/p>\n Como puede ver, es bastante sencillo, pero el ejecutor de tareas se trata de su entorno. Recomiendo leer la documentaci\u00f3n de cada uno de los paquetes anteriores para obtener una comprensi\u00f3n m\u00e1s profunda que la breve descripci\u00f3n que proporcion\u00e9:<\/p>\n Y recuerda: esto no es para reemplazar ninguna herramienta o flujo de trabajo que ya tengas. En su lugar, est\u00e1 destinado a mostrarle c\u00f3mo instalar un conjunto de herramientas que puede necesitar un proyecto que herede. Y si no es Gulp, tal vez sea Grunt<\/a> o alg\u00fan otro ejecutor de tareas. El punto es que hay un proceso para hacerlo.<\/p>\n Para aquellos que est\u00e9n interesados \u200b\u200bespec\u00edficamente en Homebrew (que es la base de todo lo anterior), tambi\u00e9n recomiendo leer la publicaci\u00f3n de Carl Alexander<\/a> sobre su configuraci\u00f3n actual<\/a>. Tiene una secci\u00f3n completamente dedicada a Homebrew, por qu\u00e9 lo usa y m\u00e1s.<\/p>\n![\"Homebrew,](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a19c4bf8e.png\")
<\/a><\/p>\n\n
2 nodos<\/h3>\n
![\"Homebrew,](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a1a4a32c2.png\")
<\/a><\/p>\n\n
3 trago<\/h3>\n
![\"Homebrew,](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a1ab085e4.png\")
<\/a><\/p>\n\n
Instalaci\u00f3n de Homebrew, Node y 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>\nOtros recursos<\/h2>\n
\n