Crear aplicaciones web Razor en Visual Studio para Mac

Importante

Visual Studio para Mac está programado para su retirada el 31 de agosto de 31, 2024 de acuerdo con la directiva de ciclo de vida moderno de Microsoft. Aunque puede seguir trabajando con Visual Studio para Mac, hay otras opciones para desarrolladores en Mac, como la versión preliminar de la nueva extensión del Kit de desarrollo de C# para VS Code.

Obtenga más información sobre las escalas de tiempo de soporte técnico y las alternativas.

Esta guía proporciona una introducción a la creación de su primera aplicación web de Razor. Para obtener instrucciones más detalladas, vea Introducción a Razor Pages en ASP.NET Core.

Visual Studio para Mac ofrece compatibilidad con la edición de Razor, lo que incluye IntelliSense y el resaltado de sintaxis en archivos .cshtml. Una novedad de Visual Studio 2019 para Mac 8.3+ consiste en que IntelliSense es compatible con el contexto dentro de un archivo Razor, de modo que recibe sugerencias de IntelliSense que coinciden con el lenguaje que está editando actualmente dentro de un documento.

Razor editing in Visual Studio for Mac

Creación de un nuevo proyecto de Razor

  1. En la pantalla de bienvenida, seleccione Nuevo para crear un proyecto:

    Visual Studio for Mac new project

  2. En el cuadro de diálogo Nuevo proyecto, vaya a .NET Core>Aplicación>Aplicación web y seleccione Siguiente:

    Razor project template

  3. Seleccione la plataforma de destino de .NET Core (se recomienda la versión 2.2 o posterior) y, luego, haga clic en Siguiente. Elija un nombre para el proyecto y, si es necesario, agregue compatibilidad con GIT. Seleccione Crear para crear el proyecto.

    Razor project name

    Visual Studio para Mac abrirá el proyecto en la ventana de diseño de código.

  4. Ejecute el proyecto sin depurarlo mediante Comando+Opción+F5.

    Visual Studio inicia Kestrel, abre un explorador en https://localhost:5001 y muestra su primera aplicación web de Razor.

    Razor web app in Safari

Anatomía de los proyectos

Las aplicaciones web de Razor incluyen los componentes siguientes.

Carpeta Pages

Esta carpeta contiene las páginas web de un proyecto, junto con el código subyacente de cada una:

  • Un archivo *.cshtml para el marcado HTML y la sintaxis Razor.
  • Un archivo *.cshtml.cs para el código subyacente de C# para controlar los eventos de la página.

Los archivos auxiliares tienen nombres que comienzan con un carácter de subrayado. Por ejemplo, el archivo _Layout.cshtml configura los elementos de la interfaz de usuario comunes a todas las páginas. Este archivo configura el menú de navegación de la parte superior de la página y el aviso de copyright de la parte inferior. Para obtener más información, consulte Diseño en ASP.NET Core.

Configuración de inicio

El archivo launchSettings.json contiene la configuración de IIS, la dirección URL de la aplicación y otros parámetros relacionados.

Configuración de la aplicación

El archivo appSettings.json contiene datos de configuración, como las cadenas de conexión.

Para obtener más información sobre la configuración, consulte la guía de configuración en ASP.NET.

Carpeta wwwroot

Esta carpeta contiene archivos estáticos, como los archivos HTML, JavaScript y CSS. Para obtener más información, vea Archivos estáticos en ASP.NET Core.

Program.cs

Este archivo contiene el punto de entrada del programa. Para obtener más información, consulte Host web de ASP.NET Core.

Startup.cs

Este archivo contiene código que configura el comportamiento de la aplicación, como, por ejemplo, si la aplicación requiere consentimiento para las cookies. Para obtener más información, vea Inicio de la aplicación en ASP.NET Core.

Vea también

Para obtener información más completa sobre la creación de aplicaciones web de Razor, consulte Introducción a Razor Pages en ASP.NET Core.