Tdc2013 yeoman
0 gostou446 visualizações
O documento descreve como o Yeoman conecta ferramentas de desenvolvimento front-end modernas para fornecer um scaffold simples para aplicativos. Ele discute como instalar e usar o Yeoman, seus geradores, como criar um servidor e colocar a aplicação em produção.
![Instalação
Windows - http://chocolatey.org/
Linux
]
Mac
Monday, July 15, 13
npm install -g yo grunt-cli bower](https://image.slidesharecdn.com/tdc2013-yeoman-131117103110-phpapp02/85/Tdc2013-yeoman-4-320.jpg)
Tdc2013 yeoman
- 1. Turbinando seu ambiente de desenvolvimento com Dan Jesus http://danjesus.github.io 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 Monday, July 15, 13 Preview e teste Gerenciador de Dependências
- 4. Instalação Windows - http://chocolatey.org/ Linux ] Mac Monday, July 15, 13 npm install -g yo grunt-cli bower
- 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 Os generators são a base do yeoman, já existem diversos criados no repositório do npm, para listar os existentes rodar: npm search yeoman-generator Alguns generators Firefox-OS, Sails, Silex, Slim, Flask, Angular, Backbone 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 $_ Dentro do diretório rodar o comando yo generator tdc2013 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. Vantagens • • • • • • • 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