Instalando e configurando um Nuxt.js projeto
Instale o Node.js
Certifique-se de ter o Node.js instalado em seu computador. Você pode baixar a versão mais recente no site oficial do Node.js.
Instalar o Vue CLI
Abra o seu Terminal ou Command Prompt e execute o seguinte comando para instalar o Vue CLI(se ainda não estiver instalado):
npm install -g vue-cli
Criar um Nuxt.js projeto
No Terminal, navegue até o diretório onde deseja criar seu projeto e execute o seguinte comando para criar um Nuxt.js projeto:
vue init nuxt-community/starter-template my-nuxt-project
Configuração do projeto
Siga as instruções no Terminal para configurar seu projeto. Você pode escolher várias opções para o seu projeto, como usar ESLint, instalar Axios etc.
Criando a primeira página e exibindo o conteúdo básico:
Abra o diretório do projeto
Abra o seu Terminal e navegue até o diretório do projeto usando o comando cd my-nuxt-project(ou o nome da pasta que você escolheu).
Criar uma nova página
Use o Vue CLI para gerar uma nova página com o seguinte comando:
npx vue-cli-service generate page mypage
Editar a nova página
Abra o mypage.vue arquivo no pages diretório e edite o conteúdo da página. Você pode adicionar HTML, componentes Vue e dados.
Exibir a página
No layouts/default.vue arquivo, você pode usar a <nuxt/> tag para exibir o conteúdo da página.
Executar o Projeto
No Terminal, execute o seguinte comando para iniciar o projeto e visualizar sua página no navegador:
npm run dev
Agora você tem sua primeira página no Nuxt.js projeto e pode personalizar o conteúdo conforme desejar.