Antes de tudo, é necessário ter o Node.js e o NPM instalados: http://nodejs.org/
-A instalação do Node.js já inclui o NPM (Node Package Manager)
-Tutorial: http://blog.nodeknockout.com/post/65463770933/how-to-install-node-js-and-npm
$ npm install -g bhtec.layoutp
O pacote "bhtec.layoutp" cria uma apresentação em html (bootstrap responsivo), baseada na estrutura de pastas onde você criou seus layouts ou wireframes em JPG ou PNG. Basta navegar até essa pasta pelo terminal e iniciar o script.
$ cd caminho/para/seus/layouts
(Windows / Linux / Mac OS X)
Pasta
- Seção 1
--- foto1.jpg
--- foto2.png
- Seção 2
--- foto3.jpg
--- foto4.png
- Seção 3
--- foto5.jpg
--- foto6.png
foto7.jpg
foto8.png
-As seções do site deve sem criadas através de pastas.
-As imagens fora de pastas vão aparecer na área "Outros".
-A ordem dos arquivos na apresentação será alfabética. Sinta-se livre para adicionar letras no início dos arquivos para organizar na sua maneira.
$ layoutp
Se tudo der certo, o seu terminal mostrará a seguinte mensagem:
Apresentação criada com sucesso na pasta: caminho/para/a/apresentação (Que é a mesma pasta onde estavam seus layouts)
-**[Resolvido 3.0]**Arquivos com o mesmo nome geram problemas (até mesmo em seções diferentes).
-Não é possível criar seções dentro de seções.