Inicio rápido: uso de Visual Studio para crear su primera aplicación web ASP.NET Core

Si todavía no ha instalado Visual Studio, vaya a la página de descargas de Visual Studio para instalarlo de forma gratuita.

Si todavía no ha instalado Visual Studio, vaya a la página de descargas de Visual Studio para instalarlo de forma gratuita.

Elija su tema (opcional)

En esta guía de inicio rápido se incluyen capturas de pantalla que utilizan el tema oscuro. Si no va a usar el tema oscuro, pero le gustaría saber cómo hacerlo, consulte Personalización del IDE y el editor de Visual Studio.

1. Abra Visual Studio 2017.

2. En la barra de menús superior, elija Archivo > Nuevo > Proyecto.

3. En el panel izquierdo del cuadro de diálogo Nuevo proyecto, expanda Visual C# y luego elija .NET Core. En el panel central, elija Aplicación web ASP.NET Core.
   
   Luego nombre al archivo HelloWorld y haga clic en Aceptar.

   

   Nota

   Si no ve la categoría de plantilla de proyecto de .NET Core, elija el vínculo Abrir el instalador de Visual Studio en el panel de la izquierda. (Según la configuración de pantalla, es posible que tenga que desplazarse para verlo).

   

   Se iniciará el Instalador de Visual Studio. Elija la carga de trabajo Desarrollo de ASP.NET y web y después haga clic en Modificar.

   

   (Es posible que deba cerrar Visual Studio para continuar con la instalación de la carga de trabajo nueva).

4. En el cuadro de diálogo Nueva aplicación web ASP.NET Core, seleccione ASP.NET Core 2.1 en el menú desplegable situado en la parte superior. Después, elija Aplicación web y luego haga clic en Aceptar.

   

   Nota

   Si no ve ASP.NET Core 2.1, asegúrese de que se está ejecutando la versión más reciente de Visual Studio. Para obtener más información sobre cómo actualizar la instalación, vea la página Actualización de Visual Studio a la versión más reciente.

Poco después, Visual Studio abre el archivo de proyecto.

1. En la ventana de inicio, elija Crear un nuevo proyecto.

   

2. En la ventana Crear un nuevo proyecto, elija C# en la lista Idioma. A continuación, seleccione Windows en la lista Plataforma y Web en la lista Tipos de proyecto.

   Después de aplicar los filtros de lenguaje, plataforma y tipo de proyecto, elija la plantilla Aplicación web ASP.NET Core y, luego, Siguiente.

   

   Nota

   Si no ve la plantilla Aplicación web ASP.NET Core, puede instalarla desde la ventana Crear un nuevo proyecto. En el mensaje ¿No encuentra lo que busca? , elija el vínculo Instalar más herramientas y características.

   

   Luego, en el Instalador de Visual Studio, elija la carga de trabajo Desarrollo de ASP.NET y web.

   

   Después, elija el botón Modificar en el Instalador de Visual Studio. Si se le pide que guarde su trabajo, hágalo. Seguidamente, elija Continuar para instalar la carga de trabajo. Luego, vuelva al paso 2 de este procedimiento "Crear un proyecto".

3. En la ventana Configurar el nuevo proyecto, escriba HelloWorld en el cuadro Nombre del proyecto. Después, elija Siguiente.

   

4. En la ventana Información adicional, compruebe que .NET Core 3.1 aparece en el menú desplegable superior. Tenga en cuenta que puede habilitar la compatibilidad con Docker activando la casilla. También puede agregar compatibilidad con la autenticación, para lo que debe hacer clic en el botón Cambiar autenticación. Ahí, puede elegir entre las siguientes opciones:

   • Ninguna: sin autenticación.
   • Cuentas individuales: se almacenan en una base de datos local o basada en Azure.
   • Plataforma de identidad de Microsoft: esta opción usa Active Directory, Azure AD o Microsoft 365 para la autenticación.
   • Windows: conveniente para las aplicaciones de intranet.

   Deje desactivada la casilla Habilitar Docker y seleccione Ninguno en Tipo de autenticación. Seleccione Crear.

   

   Visual Studio abrirá el nuevo proyecto.

1. En la ventana de inicio, elija Crear un nuevo proyecto.

   

2. En la ventana Crear un nuevo proyecto, elija C# en la lista Idioma. A continuación, seleccione Windows en la lista Plataforma y Web en la lista Tipos de proyecto.

   Después de aplicar los filtros de lenguaje, plataforma y tipo de proyecto, elija la plantilla Aplicación web ASP.NET Core y, luego, Siguiente.

   

   Nota

   Si no ve la plantilla Aplicación web ASP.NET Core, puede instalarla desde la ventana Crear un nuevo proyecto. En el mensaje ¿No encuentra lo que busca? , elija el vínculo Instalar más herramientas y características.

   

   Luego, en el Instalador de Visual Studio, elija la carga de trabajo Desarrollo de ASP.NET y web.

   

   Después, elija el botón Modificar en el Instalador de Visual Studio. Si se le pide que guarde su trabajo, hágalo. Seguidamente, elija Continuar para instalar la carga de trabajo. Luego, vuelva al paso 2 de este procedimiento "Crear un proyecto".

3. En la ventana Configurar el nuevo proyecto, escriba HelloWorld en el cuadro Nombre del proyecto. Después, elija Siguiente.

   

4. En la ventana Información adicional, compruebe que .NET 6.0 aparece en el campo Marco. Tenga en cuenta que puede habilitar la compatibilidad con Docker activando la casilla. También puede agregar compatibilidad con la autenticación si selecciona un valor en la lista desplegable Tipo de autenticación. Ahí, puede elegir entre las siguientes opciones:

   • Ninguna: sin autenticación.
   • Cuentas individuales: estas autenticaciones se almacenan en una base de datos local o basada en Azure.
   • Plataforma de identidad de Microsoft: esta opción usa Active Directory, Azure AD o Microsoft 365 para la autenticación.
   • Windows: conveniente para las aplicaciones de intranet.

   Deje desactivada la casilla Habilitar Docker y seleccione Ninguno como tipo de autenticación. Seleccione Crear.

   

   Visual Studio abrirá el nuevo proyecto.

1. En el Explorador de soluciones, expanda la carpeta Páginas y después elija About.cshtml.

   

   Este archivo corresponde a una página denominada Acerca de en la aplicación web y que se ejecuta en un explorador web.

   

   En el editor, verá el código HTML para el área "información adicional" de la página Acerca de.

   

2. Cambie el texto "información adicional" para que rece "Hello World!".

   

3. En el Explorador de soluciones, expanda About.cshtml y luego elija About.cshtml.cs. (Este archivo también se corresponde con la página Acerca de en un explorador web).

   

   En el editor, verá el código de C# que incluye texto para el área "Descripción de la aplicación" de la página Acerca de.

   

4. Cambie el texto del mensaje "descripción de la aplicación" para que rece "¿Cuál es mi mensaje?".

   

5. Seleccione IIS Express o presione Ctrl+F5 para ejecutar la aplicación y abrirla en un explorador web.

   

   Nota

   Si recibe un mensaje de error que dice No se puede conectar al servidor web "IIS Express" o un mensaje de error que menciona un certificado SSL, cierre Visual Studio. Después, abra Visual Studio mediante la opción Ejecutar como administrador del menú contextual. A continuación, vuelva a ejecutar la aplicación.

6. En el explorador web, compruebe que la página Acerca de incluye el texto actualizado.

   

7. Cierre el explorador web.

Revisión del trabajo

Vea la animación siguiente para comprobar el trabajo que ha realizado en la sección anterior.

¡Enhorabuena por completar este tutorial de inicio rápido! Esperamos que haya aprendido algo sobre C#, ASP.NET Core y el IDE (entorno de desarrollo integrado) de Visual Studio.

1. En el Explorador de soluciones, expanda la carpeta Páginas y, después, elija Index.cshtml.

   

   Este archivo corresponde a una página denominada Inicio en la aplicación web y que se ejecuta en un explorador web.

   

   En el editor, verá código HTML para el texto que se muestra en la página Inicio.

   

2. Cambie el texto "Le damos la bienvenida" por "Hola mundo".

   

3. Seleccione IIS Express o presione Ctrl+F5 para ejecutar la aplicación y abrirla en un explorador web.

   

   Nota

   Si recibe un mensaje de error que dice No se puede conectar al servidor web "IIS Express" o un mensaje de error que menciona un certificado SSL, cierre Visual Studio. Después, abra Visual Studio mediante la opción Ejecutar como administrador del menú contextual. A continuación, vuelva a ejecutar la aplicación.

4. En el explorador web, compruebe que la página Inicio incluya el texto actualizado.

   

5. Cierre el explorador web.

1. En el Explorador de soluciones, expanda la carpeta Páginas y, después, elija Index.cshtml.

   

   Este archivo corresponde a una página denominada Inicio en la aplicación web y que se ejecuta en un explorador web.

   

   En el editor, verá código HTML para el texto que se muestra en la página Inicio.

   

2. Cambie el texto "Le damos la bienvenida" por "Hola mundo".

   .

3. Seleccione IIS Express o presione Ctrl+F5 para ejecutar la aplicación y abrirla en un explorador web.

   

   Nota

   Si recibe un mensaje de error que dice No se puede conectar al servidor web "IIS Express" o un mensaje de error que menciona un certificado SSL, cierre Visual Studio. Después, abra Visual Studio mediante la opción Ejecutar como administrador del menú contextual. A continuación, vuelva a ejecutar la aplicación.

4. En el explorador web, compruebe que la página Inicio incluya el texto actualizado.

   

5. Cierre el explorador web.