Nuxt 3 Release Candidate beta já está disponível! Descobre mais sobre isso v3.nuxtjs.org

Translated page Contents of this page might be outdated.

Estrutura de Diretórios

A estrutura padrão de uma aplicação Nuxt oferece um excelente ponto de partida tanto para aplicações pequenas, quanto para aplicações grandes. Você está livre para organizar a sua aplicação da forma que desejar e criar outros diretórios conforme precisar.


Vamos criar os diretórios e ficheiros que ainda não existem no seu projeto.

mkdir components assets static
touch nuxt.config.js

Esses são os diretórios e os ficheiros principais que nós usamos quando estamos construindo uma aplicação Nuxt. Você vai encontrar uma explicação para cada um deles abaixo.

Criar diretórios com esses nomes ativa as funcionalidades no seu projeto Nuxt.

Diretórios

O diretório pages

O diretório pages contém as apresentações e rotas da sua aplicação. Conforme você aprendeu no último capítulo, Nuxt lê todos os arquivos .vue dentro da pasta e os utiliza para criar as rotas da aplicação.

O diretório components

O diretório components é aonde você vai colocar todos os seus componentes Vue.js os quais serão importados dentro das suas páginas.

Com o Nuxt você pode criar os seus componentes e importar eles automaticamente dentro de seus ficheiros .vue, querendo dizer que não é mais necessário importar eles manualmente na secção de script. Nuxt examinará e importará eles automaticamente por você uma vez que "components" está definido como "true".

O diretório assets

O diretório assets contém seus ficheiros não compilados como folhas de estilo, imagens, ou fontes.

O diretório static

O diretório static é mapeado diretamente para a raiz do servidor e contém arquivos que precisam manter os seus nomes (por exemplo robots.txt) ou semelhantes que não irão mudar (exemplo o favicon)

O ficheiro nuxt.config.js

O ficheiro nuxt.config.js é o único ponto de configuração para o Nuxt. Se você quiser adicionar módulos ou sobrescrever as configurações padrão, esse é o lugar para aplicar as mudanças.

O ficheiro package.json

O ficheiro package.json contém todas as dependências e scripts para a sua aplicação.

Mais sobre a estrutura de projeto

Existem outros diretórios e ficheiros úteis, como content , layouts , middleware , modules , plugins e store . Como eles não são necessários para pequenas aplicações, eles não sào explicados aqui.