Estrutura do Diretório

A estrutura predefinida da aplicação de Nuxt destina-se a fornecer um excelente ponto de partida para aplicações pequenas e grandes. Somos livres de organizar a nossa aplicação da maneira que quisermos e podemos criar outros diretórios se e quando precisarmos destes.

Criaremos os diretórios e ficheiros que ainda não existem no nosso projeto.

mkdir components assets static
touch nuxt.config.js

Estes são os principais diretórios e ficheiros que usamos ao construir uma aplicação de Nuxt. A explicação de cada um destes é apresentada a seguir.

Diretórios

O diretório pages

O diretório pages contém as visões e as rotas da nossa aplicação. Como aprendemos no último capítulo, a Nuxt lê todos os ficheiros .vue dentro deste diretório e utiliza-os para criar o roteador da aplicação.

O diretório components

O diretório components é onde colocamos todos os componentes de Vue.js, os quais são depois importados para as nossas páginas.

Com a Nuxt podemos criar os nossos componentes e importá-los automaticamente para os nossos ficheiros .vue, o que significa que não é necessário importá-los manualmente na secção de programas (scripts). A Nuxt irá analisá-los e importá-los automaticamente para nós quando os componentes estivermos components definido como verdadeiro (true).

O diretório assets

O diretório assets contém os nossos recursos não compilados, como os nossos estilos, imagens, ou fontes.

O diretório static

O diretório static é mapeado diretamente para a raiz do servidor e contém ficheiros que devem manter os seus nomes (por exemplo, robots.txt) ou provavelmente não mudarão (por exemplo, o ícone favorito).

O ficheiro nuxt.config.js

O ficheiro nuxt.config.js é o único ponto de configuração da Nuxt. Se pretendermos adicionar módulos ou substituir as predefinições, este é o lugar onde aplicamos as alterações.

O ficheiro package.json

O ficheiro packages.json contém todas as dependências (dependencies) e programas (scripts) para a nossa aplicação.

Mais informações sobre as estruturas do projeto

Existem mais diretórios e ficheiros úteis, incluindo content , layouts , middleware , modules , plugins e store . Como não são necessárias para pequenas aplicações, não são abordadas neste artigo.