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.
pages .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).
components .O diretório assets
O diretório assets contém os nossos recursos não compilados, como os nossos estilos, imagens, ou fontes.
assets .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).
static 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.
nuxt.config.js .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.