Começando com Yeoman

Yeoman automatiza seu build e gerencia suas dependências, e ele ainda realiza scaffolding.

e ainda:

• Compila CoffeScript automaticamente
• Verifica JavaScript com JSHint
• Minifica e faz o merge de seus scripts
• Realiza testes unitários
• e muito mais

GETTING STARTED

Instalação

certifique-se de ter instalado o Node.js

Em seguida, instale Globalmente através do Comando

[sudo] npm install - g yo

Irá instalar automaticamente Grunt e Bower.

Criando um Projeto

Yeoman pode gerar vários tipos de aplicações, mas necessita da ajuda de geradores, que podem ser baixados através do gerenciador de pacotes do Node.js. O exemplo abaixo instala um gerador de uma webapp

[sudo] npm install -g generator-webapp

Você pode instalar um outro gerador, por exemplo, para Backbone ou AngularJS, se você quer começar um projeto com essas Frameworks.

Crie o diretório do projeto e, em seguida, execute o gerador para criar todos os arquivos e pastas que você precisa para começar. Neste caso, eu usei o padrão webapp-generator.

$ mkdir ~/dev/exemplo

$ cd ~/dev/exemplo

$ yo webapp

Agora é só esperar que o Yeoman faz toda a estrutura do projeto.

Muitos dos geradores irá fazer algumas perguntas sobre exatamente as características que você deseja ou precisa para seu projeto.

O projeto depois de gerado possui algumas pastas e arquivos como bower.json, o Grunt.js muito importante e o package.json, fundamentais para o funcionamento do Grunt.

No arquivo bower.json ficam as declarações das dependências do seu projeto, asdependências dependem do gerador.

Bower dependências

O bower é um gerenciador de Dependências para web, mas especificamente para pacotes de Front-end

A ideia dele é bem simples: você lista as dependências de Javascript exemplo (jQuery, jQuery Highlight, Backbone e etc) no arquivo bower.json que fica dentro do seu projeto, e com isso você pode controla a instalação/atualização desses pacotes por linha de comando.

Instalando Bower

para instalar o Bower globalmente no seu sistema é bem simples:

[sudo] npm install -g bower

Instalando pacotes com o Bower:

• você pode instalar pacotes de três formas diferentes:

# Instala os pacotes definidos no bower.json do projeto

bower install

# Instala um pacote específico

bowe install <package>

# Instala uma versão de um pacote

bower install <package>#<version>

Exemplo

bower install jquery

No exemplo, o bower baixa e torna disponível para nosso projeto a biblioteca Jquery na pasta do projeto. e para instalar uma versão específica da biblioteca. basta executar a comando:

bower install jquery#2.0.3

Grunt

Você já pode rodar seu projeto através do comando grunt server. Isto criará umservidor local e abrirá seu navegador automaticamente exibindo uma tela de boas-vindas criada pelo scaffold do yo.

não vou entrar muito a fundo sobre grunt, Você pode conhecer um pouco mais sobre Grunt no site oficial do Grunt.

Yeoman 1.0

E foi apresentado na BrazilJS a versão 1.0 do Yeoman.

The Future Of Yeoman (BrazilJS)

Conclusão

O Yeoman faz todo o serviço pesado e sugere um workflow personalizado e que pode ser incorporado em seus projetos