Si está en un equipo Mac con un chip M1 de Apple, debe instalar la versión Arm64 del SDK.
Comprobar que todo está instalado correctamente
Una vez instalado, abra un nuevo símbolo del sistema y ejecute el siguiente comando:
Una vez instalado, abra un terminal new y ejecute el siguiente comando:
Command prompt
dotnet
Si la instalación se realizó correctamente, debería ver una salida similar a la siguiente:
Command prompt
Usage: dotnet [options]Usage: dotnet [path-to-application]Options:-h|--help Display help.--info Display .NET information.--list-sdks Display the installed SDKs.--list-runtimes Display the installed runtimes.path-to-application:The path to an application .dll file to execute.
Si todo parece correcto, seleccione el botón Continuar de abajo para ir al siguiente paso.
¿Tiene un error?
Si recibe un error ”dotnet” no se reconoce como un comando interno o externo, asegúrese de que ha abierto un nuevo comando del sistema. Si no puede resolver el problema, use el botón He tenido un problema para obtener ayuda para solucionar el problema.
Si recibe un error comando zsh: no encontrado: dotnet, asegúrese de que ha abierto una nueva ventana del terminal. Si no puede resolver el problema, use el botón He tenido un problema para obtener ayuda para solucionar el problema.
Si recibe un error dotnet: comando no encontrado, asegúrese de haber abierto una nueva ventana de terminal. Si no puede resolver el problema, utilice el botón Me encontré con un problema para obtener ayuda para solucionarlo.
Creación de la aplicación
En el símbolo del sistema, ejecute el siguiente comando para crear la aplicación:
En el terminal, ejecute el siguiente comando para crear la aplicación:
Command prompt
dotnet new webapp -o MyWebApp --no-https -f net7.0
¿Qué significa este comando?
El comando dotnet new crea una nueva aplicación.
El parámetro webApp selecciona qué plantilla usar al crear la aplicación.
El parámetro -o crea un directorio llamado MyWebApp donde se almacena su aplicación.
La marca --no-https especifica que no se debe habilitar HTTPS.
El parámetro -f indica que está creando una aplicación .NET 7.
¿Qué archivos se crearon?
Se crearon varios archivos en el directorio MyWebApp para proporcionarle una aplicación web simple que está lista para ejecutarse.
Program.cs contiene el código de inicio de la app y la configuración del middleware.
El directorio Pages contiene algunas páginas web de ejemplo para la aplicación.
MyWebApp.csproj define algunas configuraciones del proyecto, como por ejemplo, la versión del SDK de .NET a la que se dirige.
El archivo launchSettings.json dentro del directorio Properties define diferentes configuraciones de perfil para el entorno de desarrollo local. Un número de puerto que oscila entre 5 000 y 5 300 se asigna automáticamente al crear el proyecto y se guarda en este archivo.
Seleccione el botón Continuar para ir al siguiente paso.
¿Tiene un error?
Si recibe un mensaje similar a No se pudo crear la plantilla "ASP.NET Core Web App". Error al crear la plantilla. Detalles: Se denegó el acceso a la ruta “C:\Windows\System32\MyWebApp”, cambie su directorio actual a uno donde tenga permisos para crear una nueva carpeta e intente ejecutar el comando de nuevo.
Si Windows no encuentra el SDK cuando intenta crear el proyecto y está seguro de haber instalado el SDK, su máquina podría tener un problema con la variable de entorno PATH. ConsulteStack Overflow post para obtener instrucciones sobre cómo diagnosticar y solucionar este problema.
Si no puede resolver el problema que tiene, seleccione el botón a continuación Me encontré con un problema para obtener ayuda para solucionar el problema.
Ejecutar la aplicación
En el símbolo del sistema, navegue hasta el nuevo directorio creado en el paso anterior:
En su terminal, navegue hasta el nuevo directorio creado en el paso anterior:
Command prompt
cd MyWebApp
A continuación, ejecute el siguiente comando:
Command prompt
dotnet watch
Debería ver una salida similar a la siguiente:
Command prompt
watch : Hot reload enabled. For a list of supported edits, see https://aka.ms/dotnet/hot-reload. Press "Ctrl + R" to restart.watch : Building...Determining projects to restore...All projects are up-to-date for restore.MyWebApp -> C:\Projects\MyWebApp\bin\Debug\net6.0\MyWebApp.dllwatch : Startedinfo: Microsoft.Hosting.Lifetime[14]Now listening on: http://localhost:5055info: Microsoft.Hosting.Lifetime[0]Application started. Press Ctrl+C to shut down.info: Microsoft.Hosting.Lifetime[0]Hosting environment: Developmentinfo: Microsoft.Hosting.Lifetime[0]Content root path: C:\Projects\MyWebApp\
El comando dotnet watch compilará e iniciará la aplicación, y luego actualizará la aplicación en ejecución cada vez que realice cambios en el código. Puede detener la aplicación en cualquier momento seleccionando Ctrl+C.
Espere a que la aplicación muestre que está escuchando en http://localhost:<port number> y a que el navegador se inicie en esa dirección.
Espere a que la aplicación muestre que está escuchando en http://localhost:<port number> y luego abra un navegador y navegue a esa dirección. En este ejemplo, mostró que estaba escuchando en http://localhost:5055.
Enhorabuena, ha creado y ejecutado su primera aplicación web .NET.
Editar el código
Abra el archivo Index.cshtml ubicado en el directorio Pages en cualquier editor de texto.
Nota: asegúrese de que está abriendo la página cshtml y no la página cshtml.cs. Dependiendo de cómo esté configurado su sistema, Windows podría ocultar la extensión del archivo.
Sustituya todo el código por el siguiente, y guarde el archivo. Las líneas de código resaltadas muestran los cambios que realizará.
Pages/Index.cshtml
@page@model IndexModel@{ ViewData["Title"] = "Home page";}<div class="text-center"> <h1>Hello, world!</h1> <p>The time on the server is @DateTime.Now</p></div>
Una vez guardado este cambio, el comando dotnet watch aplicará el cambio a la aplicación en ejecución y la actualizará en el navegador, para que pueda ver el cambio en la aplicación en ejecución.
Pasos siguientes
Ahora que ya tiene los conceptos básicos, siga creando su primera aplicación ASP.NET con Razor Pages con este módulo de aprendizaje autoguiado en Microsoft Learn, donde crearás una aplicación de inventario de una tienda de pizza.
Consulte la introducción al desarrollo web de 6 partes con la serie .NET. Aquí, creará proyectos increíbles y obtendrá información sobre Razor Pages, LAS API mínimas, Blazor y mucho más.
