Requisitos

Tener instalado Node.js versión 18.3 o superior.

Creación de una aplicación de Vue

En una terminal se ejecuta el siguiente comando

npm create vue@latest

Nombramiento de la aplicación

Al ejecutar el comando le pedirá el que ingrese el nombre de la aplicación que realizará, recuerde que se creará una carpeta con el nombre que ingresó.

Nota: El nombre no puede llevar espacios, si quiere puede separar las palabras con un guión - Ejemplo: proyecto-inicial

Configuración de la aplicación

Una vez ingrese el nombre del proyecto se le presentarán avisos para varias características opcionales como TypeScript y soporte de pruebas.

Para navegar por las opciones es con las flechas del teclado, para seleccionar una opción es con la tecla espacio.

Arrancar la aplicación

Una vez que se creó la aplicación vamos a acceder a la carpeta del proyecto, instalar las dependencias y corren el proyecto en modo de desarrollo,

Una vez en tu terminal estés dentro de la carpeta de tu proyecto, vamos a ejecutar el siguiente comando.

npm install

Una vez terminado el proceso de instalación de los paquetes necesarios vamos a ejecutar el siguiente comando para correr el proyecto en local en modo de desarrollo.

npm run dev

Así se mostrará al correr el proyecto correctamente.

Ya solo en su navegador ingrese a la url que le indica la terminal, en mi caso localhost:5173

Una vez ingrese a la url, le mostrará un proyecto de prueba como el siguiente:

Listo, con estos sencillos pasos ya tienes corriendo tu primer proyecto de Vue.js

Post redactado por DaviDevLeon (David de Leon)

Únete a la comunidad

¿Te ha gustado el contenido? No olvides suscribirte a las redes de la comunidad de Programación en español

¿Quieres apoyar el contenido del canal de YouTube? Hazte miembro del canal entrando a este enlace.