Blazor, es un nuevo framework open-source creado por Microsoft que viene incluido de forma oficial

en la nueva versión de .NET Core 3.0 para desarrollar Single Page Applications (SPA) en el mundo
.NET utilizando Razor y C#.

En este artículo de introducción, vamos a ver como instalar las herramientas Blazor y plantillas en
Visual Studio 2019 que nos servirán de base para los próximos artículos y explicaremos los
fundamentos para saber cómo simplemente con C#, HTML5 y CSS podemos desarrollar aplicaciones
web SPA para los navegadores más comunes y soportado en Windows, Linux y macOS.

Instalación de las herramientas de Blazor

Antes de empezar, necesitamos en nuestro entorno de desarrollo la última versión de .NET Core 3.0
que podéis descargar aquí: .NET Core 3.0 SDK, y las plantillas Blazor que se instalan con el siguiente
comando desde la CLI:

dotnet new -i Microsoft.AspNetCore.Blazor.Templates::3.0.0-preview9

Al finalizar, vemos las plantillas con prefijo Blazor que sirven para crear aplicaciones tanto del lado
servidor (blazorserver), como lado cliente (blazorwasm). Más adelante explicaremos las diferencias
entre cada una de ellas y escenarios de uso para decidir cual se adapta mejor a las necesidades de
nuestro proyecto.
En la lista vemos las 2 plantillas disponibles para crear aplicaciones Razor:

1) Blazor Server App (blazorserver): Esta plantilla genera una aplicación Blazor que se comunica
entre el navegador del usuario y el servidor .Net Core en back-end.

2) Blazor WebAssembly (blazorwasm): Esta plantilla crea una aplicación cliente Blazor, que
funciona totalmente en el navegador del usuario mediante una tecnología llamada WebAssembly.

Para desarrollar con Blazor, podemos elegir Visual Studio Code que no requiere configuración
adicional o Visual Studio 2019 que necesita añadir las extensiones desde el MarketPlace.

Instalación de Blazor en Visual Studio 2019

Para configurar Blazor, debemos realizar varios pasos que te indico a continuación:

1. Instalar y/o actualizar Visual Studio 2019 a la última versión, en mi caso 16.2.5.
2. Abrir el administrador de extensiones, buscar en línea “blazor” y descargar extensión.
3. Una vez descargada la plantilla, reiniciar Visual Studio 2019 para que se registre
correctamente.

En esta captura de pantalla se puede localizar visualmente donde están las opciones.
Por otro lado, para verificar la instalación y registro, vamos a simular la creación de un nuevo proyecto
desde la pantalla principal en Visual Studio 2019 para ver que aparecen las nuevas plantillas.

Buscamos “blazor” en los filtros donde aparecerá la opción de Aplicación web ASP.NET Core, la
seleccionamos y pulsamos Siguiente hasta llegar a la plantilla WebAssembly de Blazor.
Lo que realiza la extensión es crear aplicaciones de Blazor tanto del lado del servidor como del lado
del cliente, como si estuviéramos utilizando la línea de comandos de .NET Core, así que ya lo
tenemos listo.