Turbinando seu Ambiente com Yeoman - TDC SP 2013

Lightning Talk apresentando no TDC SP 2013

Transcript

1. Dan Jesus http://danjesus.github.io Turbinando seu ambiente de desenvolvimento com Monday, July 15, 13
2. Yeoman conecta as mais mordernas ferramentas de desenvolvimento front-end, fornecendo um bootstrap simples. Monday, July 15, 13
3. Componentes Scaffold Preview e teste Gerenciador de Dependências Monday, July 15, 13
4. Instalação Windows - http://chocolatey.org/ Linux Mac ] npm install -g yo grunt-cli bower Monday, July 15, 13
5. Versão 1.0 RC Nesta ultima versão o yeoman realiza apenas as tarefas de scaffold da aplicação. Monday, July 15, 13
6. 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
7. Criando um Generator Instalar o pacote: npm install -g generator-generator Criar uma diretorio com o prefixo generator mkdir generator-tdc2013 && cd $_ yo generator tdc2013 Dentro do diretório rodar o comando Monday, July 15, 13
8. SCAFFOLD yo “nome do generator” ex - yo webapp Monday, July 15, 13
9. Iniciando o servidor grunt server Servidor rodando na porta 9000 Monday, July 15, 13
10. 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
11. • 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
12. Obrigado! http://yeoman.io/ Dan Jesus http://danjesus.github.io Monday, July 15, 13