Dev (Back & Front)ARTIGO

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

Fiz esse artigo ensinando como instalar e configurar essas ferramentas no Windows.

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.jsNode.js45 conteúdosComo criar aplicações console em Node.jsDev (Back & Front) · fev 2025Entendendo o ciclo de publicação do Node.jsDev (Back & Front) · fev 2020Nodejs por baixo dos panosDev (Back & Front) · jul 2019Ver tudo em Dev (Back & Front)

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!

 

Programador e Designer, Thiago Lagden é formado em Tecnologia e Mídias Digitais na área de Arte e Tecnologia pela Pontifícia Universidade Católica de São Paulo. Desenvolve trabalhos em diferentes formatos audiovisuais e mídias digitais. É um full-stack developer com mais de 10 anos de experiência no desenvolvimento web e atualmente trabalha como CDO (Chief Development Officer) na TEx Tecnologia.

Ver perfil