Homebrew, Node e Gulp<\/h2>\n
Para aqueles que t\u00eam alguma ideia do que s\u00e3o Gulp e Node, provavelmente j\u00e1 viram maneiras de instal\u00e1-los em seu caminho. Se isso funciona para voc\u00ea e voc\u00ea tem uma \u00f3tima configura\u00e7\u00e3o, ent\u00e3o voc\u00ea est\u00e1 pronto para ir, e eu n\u00e3o me preocuparia muito com o resto deste post.<\/p>\n
Se, por outro lado, voc\u00ea \u00e9 novo nisso, esse \u00e9 o processo que sigo ao trabalhar com esse tipo de configura\u00e7\u00e3o.<\/p>\n
Mas lembre-se: mesmo que eu esteja percorrendo tr\u00eas softwares para instalar, cada um deles pode ser instalado \u00e0 sua maneira, mas instal\u00e1-los usando um pacote como o Homebrew tamb\u00e9m fornece uma maneira limpa de instalar outros softwares da mesma maneira.<\/p>\n
Vou cobrir Homebrew primeiro, depois olhar para Node e Gulp. Ent\u00e3o aqui vamos n\u00f3s: Homebrew, Node e Gulp, todos para desenvolvimento WordPress.<\/p>\n
1 cerveja caseira<\/h3>\n
Resumindo, o Homebrew \u00e9 um gerenciador de pacotes que roda no macOS. Ele nos permite instalar e desinstalar software a partir da linha de comando facilmente.<\/p>\n
A p\u00e1gina inicial do Homebrew<\/p>\n O gerenciador de pacotes nos permite instalar e gerenciar facilmente uma enorme quantidade de software, muitos dos quais s\u00e3o \u00fateis para os desenvolvedores.<\/p>\n A p\u00e1gina inicial afirma:<\/p>\n O Homebrew instala o que voc\u00ea precisa que a Apple n\u00e3o fez.<\/p>\n<\/blockquote>\n Mas para ver o que quero dizer, d\u00ea uma olhada no reposit\u00f3rio<\/a>. \u00c9 enorme, certo? Para este post, estou me concentrando apenas na instala\u00e7\u00e3o do Node.<\/p>\n E optei por incluir este resumo no Homebrew antes de instalar o resto dos pacotes porque \u00e9 algo que acho que vale a pena explorar se voc\u00ea nunca tentou antes.<\/p>\n Para instalar o Gulp, voc\u00ea precisa instalar o node, que \u00e9 um runtime JavaScript no qual o Gulp \u00e9 constru\u00eddo. Sim, ele oferece muitas outras funcionalidades, mas tudo est\u00e1 al\u00e9m do escopo deste post.<\/p>\n A p\u00e1gina inicial do n\u00f3<\/p>\n A p\u00e1gina inicial afirma:<\/p>\n O ecossistema de pacotes do Node.js, npm, \u00e9 o maior ecossistema de bibliotecas de c\u00f3digo aberto do mundo.<\/p>\n<\/blockquote>\n E voc\u00ea pode pesquisar todos os pacotes dispon\u00edveis na p\u00e1gina inicial do NPM<\/a>. Uma simples busca por ‘gulp’ produzir\u00e1 quase 10.000 resultados de pacotes que podem funcionar com o task-runner (alguns dos quais fazem a mesma coisa, mas voc\u00ea entendeu).<\/p>\n Finalmente, o Gulp \u00e9 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\u00e1 observar arquivos Sass<\/a> e transpil\u00e1-los e combin\u00e1-los em cada arquivo salvo.<\/p>\n A p\u00e1gina inicial do Gulp<\/p>\n Coloque sucintamente:<\/p>\n gulp \u00e9 um kit de ferramentas para automatizar tarefas dolorosas ou demoradas em seu fluxo de trabalho de desenvolvimento, para que voc\u00ea possa parar de brincar e construir algo.<\/p>\n<\/blockquote>\n Por meio do que \u00e9 chamado de arquivo gulp, voc\u00ea precisa incluir v\u00e1rias depend\u00eancias \u2013 como aquelas que permitem transpilar e combinar arquivos CSS \u2013 e fazer isso automaticamente sempre que necess\u00e1rio.<\/p>\n Mas n\u00e3o para por a\u00ed: voc\u00ea tamb\u00e9m pode trabalhar com imagens, modelos, arquivos minify, arquivos lint e assim por diante<\/a>.<\/p>\n Todos os itens acima s\u00e3o uma introdu\u00e7\u00e3o ao software, mas como instalamos tudo em nosso sistema?<\/p>\n Primeiro, instale o homebrew. Para fazer isso, inicie o Terminal e digite o seguinte comando:<\/p>\n Se isso parecer meio estranho, saiba que est\u00e1 usando cURL e o execut\u00e1vel Ruby instalado para baixar o pacote Homebrew e instal\u00e1-lo em seu sistema.<\/p>\n Em seguida, instale o Node. Uma vez que o Homebrew est\u00e1 instalado, isso \u00e9 f\u00e1cil. Basta digitar o seguinte comando:<\/p>\n F\u00e1cil, certo? E, finalmente, \u00e9 necess\u00e1rio instalar o Gulp e os pacotes necess\u00e1rios. Isso vai depender do seu projeto, mas para o projeto que tenho, preciso:<\/p>\n Voc\u00ea pode ou n\u00e3o precisar deles, ent\u00e3o aqui est\u00e1 como instalar as depend\u00eancias gulp e gulp-sass usando o Node. Digite o seguinte no seu terminal:<\/p>\n Em seguida, digite:<\/p>\n Isso instalar\u00e1 as depend\u00eancias necess\u00e1rias e, em seguida, dir\u00e1 ao Gulp para observar as modifica\u00e7\u00f5es em seus arquivos Sass. O tamb\u00e9m \u00e9 baseado na ideia de que voc\u00ea tem um arquivo gulp que j\u00e1 est\u00e1 definido.<\/p>\n Se n\u00e3o, voc\u00ea precisar\u00e1 cri\u00e1-lo voc\u00ea mesmo. Felizmente, existem muitas receitas<\/a> dispon\u00edveis.<\/p>\n Como voc\u00ea pode ver, \u00e9 bastante simples, mas o executor de tarefas \u00e9 sobre o seu ambiente. Eu recomendo ler a documenta\u00e7\u00e3o de cada um dos pacotes acima para obter uma compreens\u00e3o mais profunda do que a breve descri\u00e7\u00e3o que forneci:<\/p>\n E lembre-se: isso n\u00e3o substitui nenhuma ferramenta ou fluxo de trabalho que voc\u00ea j\u00e1 tenha. Em vez disso, serve para mostrar como instalar um conjunto de ferramentas que um projeto que voc\u00ea herdou pode precisar. E se n\u00e3o for o Gulp, talvez seja o Grunt<\/a> ou algum outro executor de tarefas. O ponto \u00e9, h\u00e1 um processo para faz\u00ea-lo.<\/p>\n Para aqueles que est\u00e3o interessados \u200b\u200bespecificamente no Homebrew (que \u00e9 a base para tudo acima), tamb\u00e9m recomendo a leitura do post de Carl Alexander<\/a> sobre sua configura\u00e7\u00e3o atual<\/a>. Ele tem uma se\u00e7\u00e3o inteiramente dedicada ao Homebrew, por que ele o usa e muito mais.<\/p>\n![\"Homebrew,](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a19c4bf8e.png\")
<\/a><\/p>\n\n
2 N\u00f3<\/h3>\n
![\"Homebrew,](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a1a4a32c2.png\")
<\/a><\/p>\n\n
3 goles<\/h3>\n
![\"Homebrew,](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-167315-61e7a1ab085e4.png\")
<\/a><\/p>\n\n
Instalando Homebrew, Node e 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>\nOutros recursos<\/h2>\n
\n