Dan Jesushttp://danjesus.github.io

Turbinando seu ambiente de desenvolvimento com

Monday, July 15, 13

Yeoman conecta as mais mordernas ferramentas

de desenvolvimento front-end, fornecendo um bootstrap simples.

Monday, July 15, 13

Componentes

Scaffold Preview e teste Gerenciador de Dependências

Monday, July 15, 13

Instalação

Windows - http://chocolatey.org/

LinuxMac ] npm install -g yo grunt-cli bower

Monday, July 15, 13

Versão 1.0 RC

Nesta ultima versão o yeoman realiza apenas as tarefas de scaffold da aplicação.

Monday, July 15, 13

Generators

npm search yeoman-generator

Firefox-OS, Sails, Silex, Slim, Flask, Angular, Backbone

Os generators são a base do yeoman, já existem diversos criados no repositório do npm, para listar os existentes rodar:

Alguns generators

Monday, July 15, 13

Criando um GeneratorInstalar o pacote:

npm install -g generator-generator

Criar uma diretorio com o prefixo generatormkdir generator-tdc2013 && cd $_

yo generator tdc2013Dentro do diretório rodar o comando

Monday, July 15, 13

SCAFFOLD

yo “nome do generator”

ex - yo webapp

Monday, July 15, 13

Iniciando o servidor

grunt server

Servidor rodando na porta 9000

Monday, July 15, 13

Colocando em produção

grunt build

Após rodar o build será criada uma pasta

dist com todos os arquivos da sua app

Monday, July 15, 13

• Fluxo de trabalho bem definido

• Facilidade de gerenciamento de bibliotecas externas

• Tarefas automatizadas

• Build automatizado

• Servidor embutido

• Otimizacão de imagens, css e js

• Livereload

Vantagens

Monday, July 15, 13

Obrigado!

http://yeoman.io/

Dan Jesushttp://danjesus.github.io

Monday, July 15, 13