Creando un proyecto de Blazor con el CLI

Clase 5 de 19 • Curso de Aplicaciones Web con Blazor WebAssembly y .NET

Luis Vargas

student•

Caracteristicas de un buen profesor; 1-Dominio del tema 2-Buen tono de voz 3-Entusiasmo 4-Apasionado por lo que hace 5-Saber explicar bien

Gracias por compartir tus conocimientos Miguel, sigue con mas curso de .NET

Jorge Luis Paiva Huamán

student•

es MVP :-)

Miguel Teheran

teacher•

Gracias por ese mensaje y apoyo a mi contenido!

Paulo Jirón

student•

Muchas gracias Miguel por animarte a hacer estos cursos, eres ejemplo de la comunidad de .NET

Javier Sain Osorno Aguirre

student•

> dotnet new blazorwasm ** para crear el proyecto vía CLI -> dotnet build ** para que el proyecto compile correctamente
**> dotnet run ** para ejecutarlo
Verificar en el localhost e live server de que se muestre el proyecto según la plantilla blazor.

Javier Sain Osorno Aguirre

student•

dotnet watch permite ejecutar lo mismo que el dotnet run pero adicional permite hacer seguimiento del cambio del código en el archivo, observa los cambios.

Israel Santander Mendoza Bañuelos

student•

Por si a alguien le pasó igual que a mi que no funcionaba el comando dotnet en windows, hay que instalar el SDK y volver a abrir VSC. Adjunto liga https://dotnet.microsoft.com/es-es/download/dotnet/sdk-for-vs-code?utm_source=vs-code&utm_medium=referral&utm_campaign=sdk-install

David Dzul

student•

excelente aporte, gracias

Duban Echavarria

student•

¡Me ahorraste la consulta, muchas gracias por el aporte!

Steven Rendon

student•

De las personas que usen Visual Studio Code, les ha pasado que cuando ejecutan el comando "dotnet watch" o "dotnet watch run" al momento de guardar codigo o hacer cambios , se les queda pegado?.

dotnet watch ⌚ File changed: .\Pages\Index.razor.

Nunca hace el refresh de la pagina, y aunque actualice la pàgina no cargan los cambios.

Gracia

Miguel Teheran

teacher•

Si pasa, desafortunadamente no esta funcionando perfectamente espero que con .NET 8 si se pueda solucionar totalmente este issue que ya ha sido reportado

David Dzul

student•

Me pasó lo mismo ¬¬

Aldrin Clemente Pomacaja

student•

Para mi Visual Studio Code es una buena alternativa para ejecutar mis aplicaciones porque no cuento con VS 2022 para ejecutar en .Net 6 .

Clase completada satisfactoriamente, vamos por más y muchas gracias profesor Miguel por sus clases son muy concisas y prácticas .

Juan David Forero

student•

Curso muy esperado. Emocionado por lo que estoy por aprender.

No olvides usar el comando dotnet watch para correr el proyecto en tiempo real

Juan Daniel Diaz Jaramillo

student•

Por qué al ejectuarlo no me arranca con el localhost con https? Y ya tiene el certificado instalado

edward.arroyave

student•

Me surge una duda: ¿por qué al crear un proyecto en Visual Studio se genera una solución, pero en VS Code no?

Carolina Doncel

student•

Buenas tardes, cuando ejecuto el comando dotnet watch me aparece el siguiente error dotnet watch ❌ Exited with error code -532462766 dotnet watch ⏳ Waiting for a file to change before restarting dotnet..... Por qué sucede esto ?

Miguel Teheran

teacher•

Muy probablemente el c[oigo no esta compilando de manera correcta, debe haber un error, por favor usa dotnet build para verificar

ROMMEL DUAREZ SAENZ

student•

en VS code por defecto se crea un nuevo proyecto con el último sdk q tengas, pero cómo haría para crear con un sdk inferior?

Gerardo Estrella

student•

dotnet new blazorwasm -n MiAplicacionBlazor -f net6.0

con el comando -f especificas que version quieres usar

ROMMEL DUAREZ SAENZ

student•

si tengo instalado los sdk 6 y 8 y deseo crear un proy Blazor con el 6, cómo haría porque por defecto crea con el 8?

JUAN PABLO ALVARADO VALLEJO

student•

Hola a todos! Estoy intentando seguir el proyecto en un mac con chip M1 y tengo instalado .NET 8.0.204. Cuando intento correr 'dotnet build' me sale este error:

/Users/juanpabloalvaradovallejo/Desktop/Platzi/C#_Blazor/Program.cs(3,7): error CS0246: The type or namespace name 'C__Blazor' could not be found (are you missing a using directive or an assembly reference?) [/Users/juanpabloalvaradovallejo/Desktop/Platzi/C#_Blazor/C#_Blazor.csproj]

¿Alguien sabe cómo se puede solucionar?

eamedranoc1

student•

Colegas como estan. Estoy tratando de trabajar con blazor en ubuntu pero al crear el proyecto sale bien pero al darle:

dotnet run o dotnet watch me sale:

Compilando...

/opt/lampp/htdocs/www/BlazorApp/bin/Debug/net8.0/BlazorApp: /opt/lampp/htdocs/www/BlazorApp/bin/Debug/net8.0/../../../../../../lib/libstdc++.so.6: version `GLIBCXX_3.4.20' not found (required by /opt/lampp/htdocs/www/BlazorApp/bin/Debug/net8.0/BlazorApp)

/opt/lampp/htdocs/www/BlazorApp/bin/Debug/net8.0/BlazorApp: /opt/lampp/htdocs/www/BlazorApp/bin/Debug/net8.0/../../../../../../lib/libstdc++.so.6: version `GLIBCXX_3.4.21' not found (required by /opt/lampp/htdocs/www/BlazorApp/bin/Debug/net8.0/BlazorApp)

y segun leo el error esta en la version de la libreria GLIBCXXX_3.4.20 y 21. He listado las dependencias y si esta instalada ya pero no la consigue blazor al compilar. Algún buen hombre y sabio que tenga esta solución?

eamedranoc1

student•

Saludos, la unica forma que encontré por si les interesa fue pasar de Ubuntu 22 a 24.04 para arreglar el problema.

Felipe Naranjo

student•

sigo los pasos pero solo me sale el texto plano "Hello world", me falta instalar algo?

Miguel Teheran

teacher•

Hiciste un proyecto de consola, debes utilizar el template de Blazor como lo muestra el video

ROMMEL DUAREZ SAENZ

student•

también podría ser el uso de .net8 que lanza texto plano

Elvis Oñate

student•

hola buenas que extenciones puedo descargar para que no me salgan errores

Joel Angel David Barrantes Palacios

student•

a mi me sale:

~~~

dotnet watch ⌚ File changed: .\Pages\Index.razor.

dotnet watch ⌚ No hot reload changes to apply.

dotnet watch ⌚ File changed: .\Pages\Index.razor.

dotnet watch ⌚ No hot reload changes to apply.

dotnet watch ⌚ File changed: .\Pages\Index.razor.

dotnet watch ⌚ No hot reload changes to apply.

~~~

Ivett Gonzalez

student•

En caso de tener error en el tecer paso, por que motivo es?

me dice que la carpeta no esta creada.

Creando un proyecto de Blazor con el CLI

Introducción

Presentación

Prerrequisitos

¿Qué es WebAssembly y Blazor?

Creando un proyecto de Blazor en Visual Studio

Creando un proyecto de Blazor con el CLI

Analizando extensiones de Visual code para blazor

Componentes de Blazor

Estructura de componentes y arquitectura en Blazor

Ciclo de vida en componentes y parámetros

Creando componentes compartidos

Creando archivo de configuración

Conectando Blazor a Backend

Configurando conexión al backend para el proyecto

Creando componentes para conexión a la API

Mostrando lista de productos

Creando Menú y CSS para la lista de productos

Creando formulario para agregar registros

Integrando formulario con servicios

Usando Librerías de Blazor

Creando funcionalidad de eliminar usando JavaScript

Usando Librerías de Blazor

Cierre

Conclusión y cierre