Instalación y configuración de un Nuxt.js proyecto
Instalar Node.js
Asegúrese de tener Node.js instalado en su computadora. Puede descargar la última versión desde el sitio web oficial de Node.js.
Instalar la CLI de Vue
Abra su Terminal o Command Prompt y ejecute el siguiente comando para instalar Vue CLI(si aún no está instalado):
npm install -g vue-cli
Crear un Nuxt.js proyecto
En Terminal, navegue hasta el directorio donde desea crear su proyecto y ejecute el siguiente comando para crear un Nuxt.js proyecto:
vue init nuxt-community/starter-template my-nuxt-project
Configuración del proyecto
Siga las indicaciones en el Terminal para configurar su proyecto. Puede elegir varias opciones para su proyecto, como usar ESLint, instalar Axios, etc.
Creación de la primera página y visualización del contenido básico:
Abrir directorio de proyectos
Abra su Terminal y navegue hasta el directorio del proyecto usando el comando cd my-nuxt-project(o el nombre de la carpeta que eligió).
Crear una nueva página
Use la CLI de Vue para generar una nueva página con el siguiente comando:
npx vue-cli-service generate page mypage
Editar la nueva página
Abra el mypage.vue archivo en el pages directorio y edite el contenido de la página. Puede agregar HTML, componentes Vue y datos.
Mostrar la página
En el layouts/default.vue archivo, puede usar la <nuxt/> etiqueta para mostrar el contenido de la página.
Ejecutar el Proyecto
En Terminal, ejecute el siguiente comando para iniciar el proyecto y ver su página en el navegador:
npm run dev
Ahora tiene su primera página en el Nuxt.js proyecto y puede personalizar el contenido como desee.