|
1 | 1 | --- |
2 | | -title: O diretório de construção do Nuxt |
3 | | -description: O diretório .nuxt é o chamado "diretório de construção (build)". Ele é dinamicamente gerado e escondido por padrão. Dentro do diretório você pode encontrar ficheiros gerados automaticamente sempre que nuxt dev é usado ou seus artefactos de construção sempre que nuxt build é usado. |
| 2 | +title: Diretório de Construção da Nuxt |
| 3 | +description: O diretório de construção da Nuxt é gerado dinamicamente e oculto por predefinição. No diretório, podemos encontrar ficheiros gerados automaticamente quando usamos o comando de desenvolvimento ou os nossos artefactos de construção quando usamos o comando de construção. |
4 | 4 | navigation.title: .nuxt |
5 | 5 | category: directory-structure |
6 | 6 | --- |
7 | 7 |
|
8 | | -# O diretório de construção do Nuxt |
| 8 | +# Diretório de Construção da Nuxt |
9 | 9 |
|
10 | | -O diretório `.nuxt` é o chamado _diretório de construção (build)_. Ele é dinamicamente gerado e escondido por padrão. Dentro do diretório você pode encontrar ficheiros gerados automaticamente sempre que `nuxt dev` é usado ou seus artefactos de construção sempre que `nuxt build` é usado. A modificação desses ficheiros é uma grande forma de depuração mas lembre que eles são ficheiros gerados e uma vez que você executar o comando `dev` ou `build` novamente, qualquer coisa que foi guardada aqui será regenerada. |
| 10 | +O diretório `.nuxt` é o chamado _diretório de construção_. É gerado dinamicamente e oculto por padrão. No diretório, podemos encontrar os ficheiros gerados automaticamente quando utilizamos o `nuxt dev` ou os nossos artefactos de construção quando utilizamos o `nuxt build`. Modificar esses ficheiros é ótimo para depuração, mas devemos lembrar que esses são ficheiros gerados e uma vez que executarmos o comando `dev` ou `build` novamente, qualquer coisa guardada neste diretório será gerada novamente. |
11 | 11 |
|
12 | 12 | --- |
13 | 13 |
|
14 | 14 | ::alert{type="warning"} |
15 | | -O diretório `.nuxt` não deve ser enviado para o seu sistema de controle de versão e deve ser ignorado através do seu `.gitignore` já que ele será gerado automaticamente quando você executar o comando `nuxt dev` ou `nuxt build`. |
| 15 | +O diretório `.nuxt` não deve ser submetido ao nosso sistema de controlo de versão e deve ser ignorado através do nosso `.gitignore`, pois será gerado automaticamente ao executar `nuxt dev` ou `nuxt build`. |
16 | 16 | :: |
17 | 17 |
|
18 | | -### A propriedade buildDir |
| 18 | +### A Propriedade `buildDir` |
19 | 19 |
|
20 | | -Por padrão, várias ferramentas assumem que `.nuxt` é um diretório oculto, pelo seu nome começar com um ponto. Você pode usar a opção `buildDir` para previr isso. Se você mudar o nome lembre de adicionar o novo nome dentro do seu ficheiro `.gitignore`. |
| 20 | +Por padrão, muitas ferramentas assumem que `.nuxt` é um diretório oculto, porque o seu nome começa com um ponto. Podemos usar a opção `buildDir` para evitar isto. Se alterarmos o nome, devemos lembrar-nos de adicionar o novo nome ao nosso ficheiro `.gitignore`: |
21 | 21 |
|
22 | 22 | ```js{}[nuxt.config.js] |
23 | 23 | export default { |
24 | 24 | buildDir: 'nuxt-dist' |
25 | 25 | } |
26 | 26 | ``` |
27 | 27 |
|
28 | | -### Dentro da pasta .nuxt: |
29 | | - |
30 | | -- O ficheiro `router.js` é o ficheiro de roteador gerado que o Nuxt gera por você quando você coloca ficheiros `.vue` dentro da pasta `pages`. Você pode usar este ficheiro para fazer depuração para quando você quiser procurar quais rotas são geradas para o `vue-router` e encontrar os nomes de uma rota específica. |
31 | | -- O `route.scrollBehavior.js` o qual é o seu comportamento de rolagem do roteador (Router ScrollBehavior) |
32 | | -- A pasta de componentes tem todos os seus componentes do Nuxt tais como `NuxtChild` e NuxtLink. Ele também contém o `nuxt-build-indicator` o qual é a página que vemos quando sua aplicação está construindo e `nuxt-loading` o qual é seu componente de carregamento que é visto quando estamos esperando a sua página carregar. Você também encontrará a página nuxt-error aqui dentro a qual contém a página de erro padrão do Nuxt. |
33 | | -- A pasta de `mixins` tem os ficheiros necessários para o método `$fetch` do Nuxt. |
34 | | -- A pasta de `views` contém o modelo (template) da sua aplicação e sua página de erro do servidor. |
35 | | -- A app.js é o ficheiro principal da sua aplicação. |
36 | | -- O ficheiro `client.js` é o ficheiro do cliente necessário para tudo que acontece no lado do cliente. |
37 | | -- O ficheiro vazio é intencionalmente deixado vazio para apelidos não operacionais |
38 | | -- O ficheiro `index.js` molda sua aplicação. |
39 | | -- O `loading.html` é o ficheiro que é usado quando a página está carregando. |
40 | | -- O ficheiro `middleware` é onde o seu intermediário é conservado |
41 | | -- O ficheiro `server.js` é todo código que é executado no servidor |
42 | | -- As `utilities` contém as utilidades que o Nuxt precisa para ele funcionar. |
43 | | - |
44 | | -### Desdobrando |
45 | | - |
46 | | -A pasta `.nuxt` é parte dos ficheiros necessários para desdobrar a sua aplicação SSR. Ela não é necessário para desdobrar a sua aplicação Nuxt estática porque usamos a pasta `dist` para isso. |
| 28 | +### Na Pasta `.nuxt`: |
| 29 | + |
| 30 | +- O ficheiro `router.js` é o ficheiro roteador que a Nuxt gera para nós quando colocamos ficheiros `.vue` na pasta das páginas (`pages/`). Podemos usar este ficheiro para depuração quando queremos ver que rotas são geradas para a `vue-router` e descobrir os nomes duma rota específica. |
| 31 | +- O `route.scrollBehavior.js` que é o ficheiro que define o comportamento de deslocamento do nosso roteador. |
| 32 | +- A pasta dos componentes (`components/`) contém todos os nossos componentes de Nuxt, como `NuxtChild` e o `NuxtLink`. Também contém o `nuxt-build-indicator` que é a página que vemos quando a nossa aplicação está em construção e o `nuxt-loading` que é o nosso componente de carregamento visto quando estamos à espera da página ser carregada. Também encontraremos no interior desta pasta a página `nuxt-error`, que contém a página de erro predefinida da Nuxt. |
| 33 | +- A pasta das misturas (`mixins/`) contém os ficheiros necessários para o método `$fetch` da Nuxt. |
| 34 | +- A pasta das visões (`views/`) contém o nosso modelo de marcação de hipertexto de aplicação e a nossa página de erro do servidor. |
| 35 | +- O `app.js` é o ficheiro principal da nossa aplicação. |
| 36 | +- O ficheiro `client.js` é o nosso ficheiro cliente necessário para tudo o que acontece do lado do cliente. |
| 37 | +- O ficheiro vazio é intencionalmente deixado vazio para os pseudónimos não operacionais. |
| 38 | +- O ficheiro `index.js` inicia a nossa aplicação. |
| 39 | +- O `loading.html` é o ficheiro utilizado quando a página é carregada. |
| 40 | +- O ficheiro intermediário (`middleware`) é onde o nosso intermediário é guardado. |
| 41 | +- O ficheiro `server.js` é todo código executado no servidor. |
| 42 | +- Os utilitários (`utilities`) contêm os utilitários que a Nuxt precisa para funcionar. |
| 43 | + |
| 44 | +### Implantar |
| 45 | + |
| 46 | +A pasta `.nuxt` faz parte dos ficheiros necessários para implantar a nossa aplicação interpretada do lado do servidor (`ssr`). No entanto, esta não é necessária para implantar a nossa aplicação estática de Nuxt, pois usamos a pasta `dist` para isto. |
0 commit comments