Creación de una aplicación Vue.js

En esta introducción de entre cinco y diez minutos al entorno de desarrollo integrado (IDE) de Visual Studio, creará una sencilla aplicación web Vue.js de front-end.

Requisitos previos

Asegúrese de instalar lo siguiente:

• Visual Studio 2022 o versiones posteriores. Vaya a la página de descargas de Visual Studio para instalarlo de forma gratuita.
• npm (https://www.npmjs.com/), que se incluye con Node.js
• Vue.js (Instalación | Vue.js (vuejs.org))

Creación de la aplicación

1. En la ventana de inicio (elija Archivo>Ventana de inicio para abrirla), seleccione Crear un nuevo proyecto.

   

2. Busque Vue en la barra de búsqueda de la parte superior y, a continuación, seleccione Standalone JavaScript Vue Project (Proyecto de Vue de JavaScript independiente) o Standalone TypeScript Vue Project (Proyecto de Vue de TypeScript independiente), según cuáles sean sus preferencias.

   

3. Asigne un nombre al proyecto y a la solución y, después, seleccione Siguiente.

4. Seleccione Crear y espere a que Visual Studio cree el proyecto.

Ver las propiedades del proyecto

La configuración predeterminada del proyecto permite compilarlo y depurarlo. Sin embargo, si necesita cambiar la configuración, haga clic con el botón derecho en el proyecto en Explorador de soluciones, seleccione Propiedades y, a continuación, vaya a la sección Compilación o Depuración.

Compilación del proyecto

Elija Compilar>Compilar solución para compilar el proyecto.

Iniciación del proyecto

Presione F5 o seleccione el botón Iniciar en la parte superior de la ventana. Verá un símbolo del sistema como:

• VITE v4.4.9 listo en 780 ms

  Nota:

  Compruebe la salida de la consola para ver los mensajes, como un mensaje que le indica que actualice la versión de Node.js.

A continuación, se mostrará la aplicación Vue.js base.

Pasos siguientes

Para la integración de ASP.NET Core: