Bhtec.Layoutp

Instalação - deve usar o escopo global (-g)

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

Com o nodejs instalado, abra o terminal e cole o seguinte comando:

$ npm install -g bhtec.layoutp 

Aplicação:

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.

Usando:

1- Navegue até a pasta desejada usando o terminal(cmd):

$ cd caminho/para/seus/layouts

(Windows / Linux / Mac OS X)

2- A estrutura da pasta deve seguir o seguinte padrão:

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.

3- Inicie o script:

$ layoutp

4- Finalizando:

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)

Limitações:

-**[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.