Ubuntu 14.04 developer machine
# Install nodejs
sudo apt-add-repository ppa:chris-lea/node.js
sudo apt-get update && sudo apt-get install nodejs
sudo npm install bower grunt-cli -g
sudo npm install yo -g
sudo npm install generator-webapp -g
grunt.registerTask('build', [
'clean:dist', // Remove o diretorio dist
'useminPrepare', // Prepara o html e os assets para o inicio da compilação
'concurrent:dist',
'autoprefixer',
'concat',
'cssmin',
'uglify',
'copy:dist',
'modernizr',
'rev', // criar o versionamento dos assets, isso impede cash, mas dificulta a integração com o backend.
'usemin',
'htmlmin' // Minifica o html final, mantenha essa opção caso seja um hotsite sem backend.
]);
useminPrepare: {
options: {
dest: '<%= config.dist %>' // Diretório destino do html
},
// Esta configuração é muito importante, pois permite que você utilize assets diferentes para cada página.
// Como padrão, utiliza somente a index, mas pode ser criado um Array de páginas para serem observadas.
html: '<%= config.app %>/index.html'
},
connect: {
options: {
port: 9000, // porta padrão de acesso do servidor
open: true,
livereload: 35729, //porta do liverealod, caso vá utilizar multiplos ambientes rodando ao mesmo tempo, altere a porta.
// Change this to '0.0.0.0' to access the server from outside
hostname: 'localhost' // para que outros computadores possam enchergar o seu server, altere para 0.0.0.0
}
}
// NPM : Instalar um gerador para o yeoman
$ sudo npm install generator-nome -g
// NPM : Pesquisar por um gerador
$ npm search generator-nome
$ npm search generator-n* // pesquisa por todos os geradores que começão com a letra n
// Yeoman : Instalar gerador
$ yo // Vai exibir todos os geradores instalados
$ yo webapp // instala o gerador de nome webapp
// Utilização dos recursos do webapp
$ grunt serve
$ grunt build
Cria um servidor web virtual com php 5.5
$ php -S 0.0.0.0:8000