< Home < Padroes de código < Frontend

Padrões de Código

Seguem abaixo os padrões de código utilizados no sistema:

• Frontend:
  • Todas as imagens do sistema são guardadas na pasta assets/images.
  • Os componentes são criados e estruturados de acordo com o guia de estilo do Vue.js.
  • Os mixins utilizados na aplicação são armazenados na pasta components/mixins
  • Dentro do script dos componentes, a ordem para exportação é a seguinte:
    • Mixins
    • Declaração de componentes
    • Props
    • Data
    • Computed
    • Hooks de ciclo de vida (created, mounted, destroyed)
    • Métodos do componente
    • Watchers
  • São criadas pastas separadas dentro de components para um componente caso ele tenha vários filhos que só serão usados por ele.
  • Dentro da pasta store estão os documentos do Vuex. Lá são criados os módulos para os componentes mais complexos.
  • Para cada componente complexo, é criado uma pasta store/module-[nome do componente] para armazenar os módulos filho.