Homebrew, Node e Gulp para Desenvolvimento WordPress
Embora eu tenha um conjunto de ferramentas que prefiro usar em projetos em que trabalho desde o início, a natureza do trabalho por contrato é que você nem sempre pode usar essas ferramentas.
Em vez disso, você precisa trabalhar usando as ferramentas fornecidas pelo cliente que geralmente entram em ação sempre que você herda um projeto de um desenvolvedor anterior.
Para ser claro, isso não está prejudicando a escolha de ferramentas de ninguém. Eu não tenho uma posição aqui ou ali sobre isso. Em vez disso, acho importante saber como começar a usar algumas dessas ferramentas facilmente.
Por exemplo, estamos trabalhando em um projeto que requer o Gulp, que por sua vez requer o Node, que pode ser instalado facilmente usando o Homebrew. É um monte de passos para trabalhar para trás, certo?
Para começar com Homebrew, Node e Gulp no desenvolvimento do WordPress é muito fácil. Descrevi as etapas abaixo e fiz o possível para explicar o que cada pacote faz para que você saiba o que está instalando e o que está fazendo se ou quando encontrar um projeto como este.
Homebrew, Node e Gulp
Para aqueles que têm alguma ideia do que são Gulp e Node, provavelmente já viram maneiras de instalá-los em seu caminho. Se isso funciona para você e você tem uma ótima configuração, então você está pronto para ir, e eu não me preocuparia muito com o resto deste post.
Se, por outro lado, você é novo nisso, esse é o processo que sigo ao trabalhar com esse tipo de configuração.
Mas lembre-se: mesmo que eu esteja percorrendo três softwares para instalar, cada um deles pode ser instalado à sua maneira, mas instalá-los usando um pacote como o Homebrew também fornece uma maneira limpa de instalar outros softwares da mesma maneira.
Vou cobrir Homebrew primeiro, depois olhar para Node e Gulp. Então aqui vamos nós: Homebrew, Node e Gulp, todos para desenvolvimento WordPress.
1 cerveja caseira
Resumindo, o Homebrew é um gerenciador de pacotes que roda no macOS. Ele nos permite instalar e desinstalar software a partir da linha de comando facilmente.
A página inicial do Homebrew
O gerenciador de pacotes nos permite instalar e gerenciar facilmente uma enorme quantidade de software, muitos dos quais são úteis para os desenvolvedores.
A página inicial afirma:
O Homebrew instala o que você precisa que a Apple não fez.
Mas para ver o que quero dizer, dê uma olhada no repositório. É enorme, certo? Para este post, estou me concentrando apenas na instalação do Node.
E optei por incluir este resumo no Homebrew antes de instalar o resto dos pacotes porque é algo que acho que vale a pena explorar se você nunca tentou antes.
2 Nó
Para instalar o Gulp, você precisa instalar o node, que é um runtime JavaScript no qual o Gulp é construído. Sim, ele oferece muitas outras funcionalidades, mas tudo está além do escopo deste post.
A página inicial do nó
A página inicial afirma:
O ecossistema de pacotes do Node.js, npm, é o maior ecossistema de bibliotecas de código aberto do mundo.
E você pode pesquisar todos os pacotes disponíveis na página inicial do NPM. Uma simples busca por ‘gulp’ produzirá quase 10.000 resultados de pacotes que podem funcionar com o task-runner (alguns dos quais fazem a mesma coisa, mas você entendeu).
3 goles
Finalmente, o Gulp é um simples executor de tarefas de linha de comando que permite automatizar muitas coisas diferentes em seu processo de desenvolvimento. Como um exemplo, ele tem um pacote que irá observar arquivos Sass e transpilá-los e combiná-los em cada arquivo salvo.
A página inicial do Gulp
Coloque sucintamente:
gulp é um kit de ferramentas para automatizar tarefas dolorosas ou demoradas em seu fluxo de trabalho de desenvolvimento, para que você possa parar de brincar e construir algo.
Por meio do que é chamado de arquivo gulp, você precisa incluir várias dependências – como aquelas que permitem transpilar e combinar arquivos CSS – e fazer isso automaticamente sempre que necessário.
Mas não para por aí: você também pode trabalhar com imagens, modelos, arquivos minify, arquivos lint e assim por diante.
Instalando Homebrew, Node e Gulp
Todos os itens acima são uma introdução ao software, mas como instalamos tudo em nosso sistema?
Primeiro, instale o homebrew. Para fazer isso, inicie o Terminal e digite o seguinte comando:
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"Se isso parecer meio estranho, saiba que está usando cURL e o executável Ruby instalado para baixar o pacote Homebrew e instalá-lo em seu sistema.
Em seguida, instale o Node. Uma vez que o Homebrew está instalado, isso é fácil. Basta digitar o seguinte comando:
$ brew Fácil, certo? E, finalmente, é necessário instalar o Gulp e os pacotes necessários. Isso vai depender do seu projeto, mas para o projeto que tenho, preciso:
Você pode ou não precisar deles, então aqui está como instalar as dependências gulp e gulp-sass usando o Node. Digite o seguinte no seu terminal:
$ npm install gulp
$ npm install gulp-sassEm seguida, digite:
$ gulp sass:watchIsso instalará as dependências necessárias e, em seguida, dirá ao Gulp para observar as modificações em seus arquivos Sass. O também é baseado na ideia de que você tem um arquivo gulp que já está definido.
Se não, você precisará criá-lo você mesmo. Felizmente, existem muitas receitas disponíveis.
Outros recursos
Como você pode ver, é bastante simples, mas o executor de tarefas é sobre o seu ambiente. Eu recomendo ler a documentação de cada um dos pacotes acima para obter uma compreensão mais profunda do que a breve descrição que forneci:
E lembre-se: isso não substitui nenhuma ferramenta ou fluxo de trabalho que você já tenha. Em vez disso, serve para mostrar como instalar um conjunto de ferramentas que um projeto que você herdou pode precisar. E se não for o Gulp, talvez seja o Grunt ou algum outro executor de tarefas. O ponto é, há um processo para fazê-lo.
Para aqueles que estão interessados especificamente no Homebrew (que é a base para tudo acima), também recomendo a leitura do post de Carl Alexander sobre sua configuração atual. Ele tem uma seção inteiramente dedicada ao Homebrew, por que ele o usa e muito mais.