Back-End

8 jun, 2015

Instalando o Git, Node.js, Ruby, Sass, Compass, Bower e Grunt no Windows

Publicidade

Exitem muitas ferramentas para melhorar a produtividade ao construir uma aplicação web. E o pessoal do Windows tem um pouco de dificuldade na hora de instalar essas ferramentas.

/* O pessoal tem medo da tela preta (prompt do DOS) */

Pensando neles, fiz esse artigo ensinando como instalar e configurar essas ferramentas no Windows.

/* Let's go!! */

Git

Primeiro iremos instalar o Git para Windows. Quando estiver instalando, escolha as seguintes opções:

Tela 1

Selecione o item Git Bash Here.

Tela 2

Selecione a opção Run Git from the Windows Command Prompt.

Tela 3

Selecione a opção Checkout as-is, commit Unix-style line endings.

Configurando

Depois de tudo instalado, iremos definir algumas configurações.

Clique no Iniciar e na busca digite o Git Bash. Isso irá abrir uma shell, e nela digite:

git config --global user.name "Nome Sobrenome"
git config --global user.email "email@exemplo.com"

Alguns alias para facilitar:

git config --global alias.st status
git config --global alias.ci commit
git config --global alias.co checkout
git config --global alias.br branch

Node.js

Coloquei dois jeitos para instalar o Node.js

  • Hard way (usuários avançados)
  • Easy way

Hard way

No link abaixo, escolha o Windows Binary (.exe) compatível com a sua máquina (32 ou 64 bit) e faça o download:

Mova o node.exe para C:\node\node.exe e no prompt digite:

C:\node>set path=%PATH%;%CD%  
C:\node>setx path "%PATH%"

O comando acima adicione o Node.js no PATH, assim será possível executá-lo de qualquer parte do sistema.

NPM

Gerenciador de pacotes do Node.js

Atenção: Para fazer essa parte você precisa que o Git esteja funcionando corretamente.

Abra o prompt do DOS e faça o seguinte:

C:\node>git config --system http.sslcainfo /bin/curl-ca-bundle.crt
C:\node>git clone --recursive git://github.com/isaacs/npm.git tmp
C:\node>node tmp\cli.js install npm
C:\node>copy C:\node\node_modules\npm\bin\npm c:\node\.
C:\node>copy C:\node\node_modules\npm\bin\npm.cmd c:\node\.
C:\node>rmdir C:\node\tmp /s/q

Easy way

Baixe o instalador e seja feliz!

Ruby

No Ruby é simples também. Basta baixar o instalador:

Testando as dependências

Para verificar se está tudo funcionando, abra o prompt do DOS e digite:

C:\>git --version
C:\>node --version
C:\>npm --version
C:\>ruby --version
C:\>gem --verion

Se não funcionar algum comando acima, então é necessário adicioná-lo no Path do Windows manualmente:

Windows 7

  • Selecione Computador no menu Iniciar;
  • Escolha Propriedades do sistema no menu de contexto;
  • Clique em Configurações avançadas do sistema > guia Avançado;
  • Clique em Variáveis de ambiente, em Variáveis do sistema, localize Path e clique nele.

Windows XP

  • Iniciar -> Painel de controle -> Sistema -> Avançado;
  • Clique em Variáveis de ambiente, em Variáveis do sistema, localize Path e clique nele.

Path Windows XP e Windows 7

Na janela de Edição, modifique Path adicionando o novos, por exemplo:

…C:\outro_path;C:\node

Abra um novo prompt do DOS e repita o teste de versão novamente.

Atenção: Para continuar o artigo, você deve ter sucesso nos testes.

Pacotes

No prompt do DOS digite:

Compass e Sass

C:\>gem update --system --no-ri --no-rdoc
C:\>gem install compass --pre --no-ri --no-rdoc

Bower

C:\>npm install -g bower

Grunt

C:\>npm install -g grunt-cli

Yeoman

C:\>npm install -g yo

Testando com uma aplicação web

Este é um scaffold que utiliza boa parte das ferramentas instaladas acima.

c:\>mkdir meu-app
c:\>cd meu-app
c:\meu-app> npm install -g generator-basic-app
c:\meu-app> yo basic-app
c:\meu-app> npm start

Conclusão

É uma baita receita que vai te ajudar a fazer vários bolos!