nuxt tutor 2

nuxt-tutor-2

Configuração de compilação

 # install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

Para uma explicação detalhada sobre como as coisas funcionam, verifique a documentação.

Diretórios Especiais

Você pode criar os seguintes diretórios extras, alguns dos quais possuem comportamentos especiais. Somente pages são obrigatórias; você pode excluí-los se não quiser usar sua funcionalidade.

assets

O diretório de ativos contém seus ativos não compilados, como arquivos Stylus ou Sass, imagens ou fontes.

Mais informações sobre o uso deste diretório na documentação.

components

O diretório de componentes contém seus componentes Vue.js. Os componentes constituem as diferentes partes da sua página e podem ser reutilizados e importados para suas páginas, layouts e até mesmo outros componentes.

Mais informações sobre o uso deste diretório na documentação.

layouts

Os layouts são uma grande ajuda quando você deseja alterar a aparência do seu aplicativo Nuxt, seja para incluir uma barra lateral ou ter layouts distintos para dispositivos móveis e desktop.

Mais informações sobre o uso deste diretório na documentação.

pages

Este diretório contém as visualizações e rotas do seu aplicativo. Nuxt irá ler todos os arquivos *.vue dentro deste diretório e configurar o Vue Router automaticamente.

Mais informações sobre o uso deste diretório na documentação.

plugins

O diretório de plug-ins contém plug-ins JavaScript que você deseja executar antes de instanciar o aplicativo Vue.js raiz. Este é o lugar para adicionar plugins Vue e injetar funções ou constantes. Cada vez que precisar usar Vue.use() , você deve criar um arquivo em plugins/ e adicionar seu caminho para plugins em nuxt.config.js .

Mais informações sobre o uso deste diretório na documentação.

static

Este diretório contém seus arquivos estáticos. Cada arquivo dentro deste diretório é mapeado para / .

Exemplo: /static/robots.txt é mapeado como /robots.txt .

Mais informações sobre o uso deste diretório na documentação.

store

Este diretório contém os arquivos da sua loja Vuex. Criar um arquivo neste diretório ativa automaticamente o Vuex.

Mais informações sobre o uso deste diretório na documentação.