Frontend Responsa!

3 Ambiente de desenvolvimento / Configurando o ambiente de desenvolvimento e instalando o Middleman

3

Ambiente de desenvolvimento

Configurando o ambiente de desenvolvimento e instalando o Middleman

Frontend Responsa!

Anotações

Instalando o Middleman no Mac

1. Instale Xcode ou Command Line Tools

Faça o download do Command Line Tools ou instale o Xcode

2. Instale o RVM

Copie a seguinte linha e cole no terminal:

\curl -sSL https://get.rvm.io | bash -s stable

Agora instale a última versão do ruby com o RVM:

rvm install ruby-2.1.1

Agora vamos setar a versão instalada como default

rvm --default use 2.1.1

Vamos conferir se a versão default está funcionando

Feche o terminarl/cmd e abra novamente e rode o comando abaixo. A versão impressa no terminal deverá ser a mesma versão do ruby que você instalou via RVM.

rvm -v

3. Instale a gem do Middleman

gem install middleman

Instalando o Middleman no Linux

Acredito que o processo seja praticamente o mesmo do Mac, tirando a primeira parte onde temos que instalar o Xcode ou o Command Line Tools.

Se você tiver alguma dúvida ou encontrar algum problema, por favor me avise mandando um email. Vamos ter que descobrir esse processo de instalação juntos :)

Instalando o Middleman no Windows

Breve passo-a-passo de como instalar o Middleman no Windows

Acredito que este seja o processo básico de instalação do Middleman no Windows. Como não tenho Windows, não consigo testar este fluxo. Se você tiver alguma dúvida ou encontrar algum problema, por favor me avise mandando um email. Vamos ter que descobrir esse processo de instalação juntos :)

Instalando o Bower:

brew doctor brew update brew install node curl https://www.npmjs.org/install.sh | sh export NODE_PATH="/usr/local/lib/node" export PATH="/usr/local/share/npm/bin:$PATH" echo $PATH npm install -g bower

Links:

Desafio:

  • Baixar os arquivos de design que disponibilizei abaixo do vídeo.
  • Configurar o Middleman
  • Configurar o Bower
  • Dar mais uma lida na documentação do Middleman e do Bower.

Comentários sobre este módulo

comments powered by Disqus