O Gulp tira proveito de uma plataforma de aplicativos JavaScript chamada Node.js que nos fornece um ambiente para executar aplicativos.
Um dos grandes recursos do Node, além de ser uma ferramenta poderosa para o desenvolvimento de aplicativos, é o gerenciador de pacotes que o acompanha. O gerenciador de pacotes padrão do Node é chamado npm .
Para usar o npm e o Gulp, você precisará instalar o Node .
Depois de instalar o Node, você pode usar o npm na linha de comando para instalar o Gulp e qualquer outro pacote necessário.
Em sua CLI, emita o seguinte comando:
npm install gulp -g
Se estiver com problemas: use privilégios de superusuário
Se o comando acima não funcionar, prefixe o comando com sudo. Este comando significa super do .
Isso permite o acesso do administrador (superusuário) ao sistema de arquivos.
Sempre que você tiver um problema ao executar um comando, adicione sudono início do comando:
sudo npm install gulp -g
Ao digitar o comando acima, pode ser solicitada sua senha. A razão é que estamos tentando instalar o pacote Gulp globalmente em nosso sistema. Se você começar a digitar sua senha, não verá nenhum caractere sendo inserido.
Fique tranquilo, os personagens estão lá, mas eles não são mostrados para fins de segurança caso alguém esteja olhando por cima de seus ombros.
Explicação do comando
Antes de avançar, vamos detalhar o que cada parte do comando significa.
- npmé o comando para trabalhar dentro do escopo do npm.
- installé a ação a ser executada dentro do escopo de npm.
- gulpé o nome do pacote que queremos instalar.
- -gé uma opção/flag de comando que significa global . Com esta opção de comando, estamos dizendo que queremos que o Gulp esteja disponível para todo o nosso sistema.
Mudando para o diretório do projeto
Se tudo foi instalado com sucesso sem erros, vá em frente e altere seu diretório de trabalho para o diretório onde você baixou os arquivos de amostra.
cd /your/project/directory
Este será o nosso diretório de projeto para este tutorial.
Usando Gulp para um projeto
Depois de instalar o Gulp em nosso sistema, podemos passar a automatizar nossos projetos.
Criando um arquivo package.json
Execute o seguinte comando:
npm init
Ao digitar o comando, você terá a capacidade de criar um arquivo chamado package.json.
Preencha os campos da melhor maneira possível e, no final, você encontrará um arquivo package.json recém-criado no diretório do seu projeto.
O que é pacote.json?
O arquivo package.json contém informações sobre seu projeto. À medida que adicionamos mais pacotes ao nosso projeto, o arquivo também servirá como uma listagem desses pacotes, informando ao nosso sistema quais arquivos são necessários.
Se formos mover nosso projeto para outro computador ou trabalhar com outro desenvolvedor que queira usar as mesmas tarefas de compilação, o arquivo package.json servirá como um manifesto.
