Cpa

Projeto CPA Biopark

Padrão de código

Visitar a documetação de padrão de código

Dependencias e frameworks

• Vue v3.0.0: componentes dinâmicos em HTML documentação
• Bootstrap v5.3.0: classes de estilos HTML documentação
• FontAwesome v4.7.0: classes de estilos HTML documentação
• NuxtJS v2.15.8: Servidor documentação

Ferramentas de testes

• Playwright v1.33

Requisitos do sistema

• Node: versão 18+ LTS
• NPM: versão mais atual
• Github Desktop: versão mais atual (opcional)
• Git: versão mais atual
• VsCode: versão mais atual

Extensões recomendadas

• Volar
• CSS Peak
• Auto Rename Tag

Executando o projeto

• Clone o projeto utilizando o Github Desktop, ou por meio de comandos no Git
• Instale todas as dependências npm install
• Execute o projeto utilizando o comando npm run dev

Executando testes

• Execute os testes utilizando o comando npm run test

Lista de comandos

# Instala as dependencias
$ npm install

# Inicia o servidor localmente (usar esse comando para desenvolver)
$ npm run dev

# Inicia os scripts de testes com o playwright sem interface
$ npm run test

# Inicia a interface do playwright
$ npm run test-ui

# Instala os navegadores do playwright
$ npx playwright install

# compilar e rodar
$ npm run build
$ npm run start

# compila como estatico
$ npm run generate

Enviando meus códigos

Faça seus commits utilizando a "Branch" que indica o seu respectivo nome

Estrutura de pasta

components

A pasta components contêm todos os arquivos Vue.js que fazem parte de alguma tela. Ela está alocada fora da pasta das telas por motivos de organizaçao de código.

Para mais informações veja a documentação orignal.

components/view

A pasta é responsável pela tela em si, que é importada pela rota que se encontra na pasta pages.

No futuro essa pasta será realocada na raiz do projeto, se tornando assim views No entanto, não se sinta desencorajado em mandar commits nessa pasta!

pages

A pasta pages está destinada a arquivos Vue.js que representem uma rota real. Todos os arquivos dentro são convertidos em rotas, e é de suma importância a declaração de um name para a rota no padrão snake-case (exemplo: listagem-cargos). É possível adicionar uma rota dinâmica com o uso de um arquivo Vue.js nomeado _slug.vue, para mais detalhes veja a documentação oficial.

Para mais informações veja a documentação orignal.

static

A pasta static contêm os arquivos estáticos como imagens, estilos, fontes e outros arquivos.

Para mais informações veja a documentação orignal.