Frevo

A simple starter static code generator to Front-End development

Tabela de conteúdos

• Overview
• Tecnologias
• Instalando o Frevo
• Instalando as dependências
• Scripts de execução
• Autor

Overview

Este Boilerplate contém um style-guide próprio configurado através do ESLint, EditorConfig, e Git Hooks (utilizando o Husky).

Todo o projeto foi construído e pensado em cima de uma arquitetura modular para que seja possível trabalhar facilmente com componentes, tanto no Sass como no Javascript.

Através de alguns recursos, conseguimos um ambiente de desenvolvimento e produção com uma grande compatibilidade entre navegadores (Cross-Browser), tanto no CSS (através do Autoprefixer e PostCSS) como no Javascript (através do Babel).

Ir para o topo.

Tecnologias

As seguintes tecnologias foram usadas na construção do projeto:

• Node.js
• Gulp
• Gulp File Include
• Bootstrap (Bootstrap-Grid)
• Sass
• Husky
• ESLint
• EditorConfig
• BrowserSync
• Babel

Ir para o topo.

Instalando o Frevo

Abra um terminal de comandos na pasta onde deseja salvar o projeto e digite o comando abaixo:

$ npm install -g frevo

Ou baixe o arquivo comprimido diretamente do repositório do projeto no Github e descompacte onde desejar.

Ir para o topo.

Scripts de execução

Os comandos abaixo podem ser encontrados no arquivo package.json localizado na raíz do projeto.

# Create a project
# Para criar um projeto execute no terminal o comando:

$ frevo create { ProjectName }

# Create Component
# Para criar um componente execute no terminal o comando:

$ frevo generate:component { ComponentName }

# or (ou)

$ frevo gc { ComponentName }

# Create Service
# Para criar um serviço execute no terminal o comando:

$ frevo generate:service { ServiceName }

# or (ou)

$ frevo gs { ServiceName }

# Create Page
# Para criar uma página execute no terminal o comando:

$ frevo generate:page { PageName }

# or (ou)

$ frevo gp { PageName }

Ir para o topo.

Autor

José Monte

Desenvolvido com ❤️

Ir para o topo.