Saltar al pie de página
Iron Academy Logo
Aprender C#
Aprender C#

Otras categorías

Cómo configurar VS Code con C# Dev Kit en Linux

Tim Corey
19m 09s

Configurar VS Code para el desarrollo de C# en Linux lleva aproximadamente diez minutos, pero la extensión C# Dev Kit, la configuración de recarga en caliente y el comportamiento del certificado de desarrollo requieren atención antes de que puedas tener un flujo de trabajo fluido. Comprender cada paso de antemano hace que el proceso sea predecible.

En su video "VS Code with C# Dev Kit on Linux", Tim Corey explica la configuración completa: descargar e instalar VS Code, agregar la extensión C# Dev Kit, crear una aplicación web Blazor, depurarla y habilitar la recarga en caliente. Cubriremos cada paso junto con los problemas que encuentra y cómo solucionarlos.

Si seguiste el episodio anterior sobre la instalación del SDK de .NET 10 en Linux, este continúa justo donde aquel terminó. Al final, tendrás un entorno de desarrollo local completo en Linux que cubrirá todo lo que una configuración de Windows haría.

VS Code no es Visual Studio

[0:42 - 1:59] Tim comienza con una aclaración que confunde a muchas personas: Visual Studio y Visual Studio Code son productos diferentes. Visual Studio es un IDE completo que solo se ejecuta en Windows porque está ligado a bibliotecas específicas de Windows. VS Code es un editor de texto ligero y multiplataforma, y con la extensión C# Dev Kit se convierte en un entorno capaz para la mayoría del trabajo de desarrollo en .NET.

La distinción importa en la práctica porque Visual Studio no puede ser instalado en Linux en absoluto. VS Code es el camino a seguir.

Instalación de VS Code

[1:59 - 3:46] El proceso de instalación es sencillo. Descargue el archivo .deb del sitio web de Visual Studio Code, ábralo, y el gestor de paquetes se encarga del resto.

Instalación de VS Code en Linux: descargando y ejecutando el paquete .deb

Un efecto secundario útil de esta instalación: agrega automáticamente el repositorio de paquetes de Microsoft a apt, lo que significa que VS Code se mantiene actualizado a través del proceso normal de actualización del sistema. Sin esto, tendrías que agregar manualmente el repositorio y su certificado de firma.

Una vez instalado, fija VS Code a la barra de tareas para un acceso fácil.

Agregar la extensión C# Dev Kit

Abra el panel de Extensiones y busque "C#". El primer resultado debería ser C# Dev Kit de Microsoft. Hasta el momento de la grabación del video, tiene casi 14 millones de descargas.

La extensión es una actualización significativa sobre la edición de texto plano para trabajos en C#.

Instálalo con la actualización automática habilitada.

El Requisito de Licencia

[5:47 - 8:03] Después de la instalación, el C# Dev Kit le pide que inicie sesión con una cuenta de Microsoft para la concesión de licencias. El depurador C# de Microsoft es propietario, por lo que se requiere autenticación antes de que la experiencia completa de depuración esté disponible.

Los términos son permisivos: gratis para desarrolladores individuales, gratis para empresas con menos de cinco desarrolladores que generen menos de un millón de dólares al año, y solo se requiere una Licencia Professional paga más allá de ese umbral.

Creación de una Aplicación Web Blazor

Con VS Code configurado, Tim crea un nuevo proyecto directamente desde el IDE. Utilizando el comando "Create .NET Project", selecciona la plantilla de aplicación web Blazor y la configura con HTTPS, modo automático interactivo e incluye páginas de muestra.

Creación de un proyecto Blazor Web App en VS Code en Linux

Una vez que el proyecto está estructurado, el Explorador de soluciones aparece en el lado izquierdo, mostrando la estructura del proyecto en un diseño similar a Visual Studio.

Ejecutar y Depurar

Para lanzar la aplicación, use Ejecutar y Depurar desde la barra lateral y seleccione el perfil de lanzamiento HTTPS. VS Code compila el proyecto y lo abre en el navegador predeterminado.

Aquí es donde Tim encuentra una regresión conocida en .NET SDK 10.0.103: los certificados de desarrollo no se instalan correctamente debido a un conflicto de fusión en la compilación del SDK. El navegador muestra una advertencia de certificado no confiable.

Ejecución y depuración de una aplicación Blazor en VS Code en Linux: advertencia de certificado y solución

La solución alternativa es hacer clic en la advertencia del navegador ("Avanzado" y luego "Continuar"). El sitio funciona bien sobre SSL una vez que lo haces. Revertir a SDK 10.0.102 o actualizar a 10.0.104 ambos lo resuelven permanentemente.

A pesar del contratiempo con el certificado, todas las páginas predeterminadas (inicio, contador, clima) se cargan correctamente.

Habilitando la Recarga en Caliente

De forma predeterminada, la recarga en caliente está deshabilitada en VS Code. Tim demuestra esto cambiando "Hello, World" a "Hello, YouTube" y no viendo ninguna actualización en el navegador incluso después de guardar y refrescar.

Habilitarlo requiere dos configuraciones en VS Code:

Activación de la recarga en caliente en VS Code C# Dev Kit y confirmación de actualizaciones en vivo en el navegador

Con ambas configuraciones habilitadas, reinicie la sesión de depuración. Un ícono de fuego aparece en la barra de herramientas, confirmando que la recarga en caliente está activa. Guardar un archivo Razor ahora refleja inmediatamente el cambio en el navegador.

Lo que Puedes y No Puedes Construir en Linux

[16:59 - 18:00] Tim explora brevemente las plantillas de proyectos disponibles y hace una observación importante: cualquier cosa que tenga "Windows" en el nombre (WinForms, WPF, UWP) no estará disponible porque esos marcos están ligados a la plataforma Windows.

Lo que funciona en Linux cubre todo en la plataforma cruzada del ecosistema .NET: aplicaciones web, APIs de ASP.NET Core, servicios gRPC, bibliotecas de clases, aplicaciones de consola, proyectos de prueba y servicios de trabajador.

Para aplicaciones de escritorio en Linux, la plataforma Uno (usando XAML y MVVM/MVUX) se menciona como un tema futuro para la creación de aplicaciones de escritorio multiplataforma.

Conclusión: Un entorno C# completo en Linux

[18:02 - 18:28] Al final del recorrido, cada parte del flujo de trabajo de desarrollo está en su lugar: la edición, compilación, depuración y recarga en vivo funcionan todas desde dentro de VS Code en Linux. Abrir un proyecto .NET multiplataforma existente desde otra máquina debería funcionar sin cambios.

Conclusión

[18:02 - 19:07] Para resumir: VS Code con C# Dev Kit proporciona a Linux una configuración de desarrollo completa para C#. La instalación es un archivo .deb descargado y una extensión. La recarga en caliente está desactivada por defecto, pero se puede activar en menos de un minuto desde el panel de configuración. Y el problema del certificado de desarrollo en SDK 10.0.103 se resuelve en 10.0.104.

La mayoría de los tipos de proyectos .NET que utilizarías en producción (aplicaciones web, APIs, servicios, bibliotecas) funcionan de manera idéntica en Linux. Los que no lo están están diseñados explícitamente en torno a frameworks de interfaz de usuario específicos de Windows, lo cual es el límite esperado.

Así que la próxima vez que configures una nueva máquina Linux para desarrollo, todo el entorno se unirá en minutos. La única configuración que no es obvia de inmediato es la recarga en caliente, y ahora sabes exactamente dónde encontrarla.

Consejo de ejemplo: Si la recarga en caliente no funciona después de habilitar la configuración, asegúrate de detener completamente y reiniciar la sesión de depuración. El icono de fuego en la barra de herramientas de depuración confirma que está activo. Si el icono no está presente, la sesión anterior sigue ejecutándose sin la nueva configuración.

Mira el video completo en su canal de YouTube y obtén más información sobre el desarrollo de C# en Linux.

Hero Worlddot related to Cómo configurar VS Code con C# Dev Kit en Linux
Hero Affiliate related to Cómo configurar VS Code con C# Dev Kit en Linux

Gana más compartiendo lo que te gusta

¿Creas contenidos para desarrolladores que trabajan con .NET, C#, Java, Python o Node.js? ¡Convierte tu experiencia en un ingreso extra!

Equipo de soporte de Iron

Estamos disponibles online las 24 horas, 5 días a la semana.
Chat
Email
Llámame