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.

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.