C# es un lenguaje de programación creado por Microsoft con el cual puedes crear aplicaciones de todo tipo utilizado junto al popular framework para empresas y también de Microsoft conocido por Dotnet.
La herramienta común para desarrolladores es Visual Studio. Este contiene funcionalidades avanzadas de todo tipo para desarrollar aplicaciones en varios lenguajes y frameworks. Sin embargo, aunque los usuarios de Windows disfrutan de la disponibilidad de Visual Studio, no así los usuarios de Mac OS. Esto debido a que Visual Studio fue descontinuado para Mac OS.
No pese a esto, tanto los usuarios de Mac OS como Windows, tienen la opción de utilizar VS Code para programar en C# y Dotnet. En este tutorial te explico como hacerlo.
Descargas
Primero, asegúrate de descargar Visual Studio Code. Descarga Visual Studio Code
Luego, descarga Dotnet, tanto el SDK como el Runtime. Estaremos utilizando Dotnet 8. Descarga Dotnet SDK
Ahora verifiquemos que las descargas han sido completadas exitosamente.
- Abre Visual Studio Code
- Oprime ctr + ` para abrir la consola del terminal
- Escribe dotnet --info. Si todo se instaló debidamente, verás una respuesta como la siguiente imagen
Extensiones
Ahora continuemos en Visual Studio Code e instalemos las extensiones que nos ayudarán a programar en C# y Dotnet.
- En el panel izquierdo, oprime el botón de las extensiones para buscar la que queremos
- Una vez abierto el panel de las extensiones, escribe C# Dev Kit. Esto nos proveerá varias extensiones que nos servirán para nuestro fin. La extensión se mira como la siguiente imagen.
Creando nuevos proyectos
Ahora abramos el terminal en VS Code como aprendimos anteriormente y corramos varios comandos relacionados a Dotnet utilizando su CLI que a su vez fue instalado junto con el SDK y el Runtime si todo salió correctamente.
Una vez en el terminal, podemos ejecutar los siguientes comandos generales.
- dotnet --version (nos mostrará la versión instalada de dotnet)
- dotnet --info (nos mostrará información importante como el entorno, el sistema operativo, la arquitectura del ordenador y mucho más)
Por supuesto aprenderemos a crear una nueva aplicación y lo haremos de dos formas.
- Utilizando el dotnet cli (command line interface)
- Tenemos las siguientes opciones para crear un proyecto utilizando el dotnet cli
- Antes que nada, crea un directorio que va a contener todo el código que estarás escribiendo y ábrelo en VS Code, luego abre el terminal como lo he explicado anteriormente
- Una vez en el terminal escribe los siguientes comandos
- dotnet new list (enlistará todos los comandos disponibles para crear un nuevo proyecto. Explora la lista y elige comenzar con el proyecto que desees. De la misma manera puedes seguir este tutorial creando un proyecto blazor)
- Para crear el nuevo proyecto, escribe en el terminal dotnet new [nombre-del-proyecto].
- Cada comando puede ser utilizado con parámetros. Por ejemplo, puedes escribir dotnet new blazor --help y verás una lista de opciones que puedes utilizar.
- Para este tutorial utilizar dotnet new blazor -n EjemploApp (en este comando estaremos creando una aplicación blazor con el nombre EjemploApp)
- Una vez corremos el comando podemos ver los documentos de nuestra aplicación
- No es el propósito de este tutorial enseñar C# y Dotnet, pero cómo utilizarlos con VS Code de manera completamente funcional.
- Utilizando la interfaz de Visual Studio Code
- Oprime Ctrl + Shift + P para abrir la paleta de comandos
- Escribe .Net y verás el gran listado de opciones proveídos por la extensión C# Dev Kit
- Este tutorial no cubrirá cada una de las opciones disponibles. Visita el sitio web de Microsoft para aprender más
Cómo levantar y construir nuevos proyectos
Una vez el proyecto se ha creado, ahora debemos de levantarlo (correrlo) y posteriormente debemos de construirlo (build) para despliegue. Lo hacemos de la siguiente manera:
Levantar un proyecto
- En el terminal, simplemente escribe dotnet run y la aplicación comenzará si no hay errores. De haber errores te lo advierte.
- Si has explorado el código puedes haberte dado cuenta de que los cambios que haces en el código no se actualizan en el navegador. Esto es porque necesitamos habilitar 'hot reload'. Hot reload es un puente que identifica los cambios ocurridos en el código activamente y los despliega en el navegador. En lugar de escribir dotnet run, escribe dotnet watch y verás como los cambios se actualizan sin necesidad de refrescar el navegador cada vez. Tu proyecto si es un una aplicación web, el navegador lo mostrará automáticamente.
Construir un proyecto
- Para construir un proyecto listo para despliegue, simplemente escribe dotnet build y verás el proyecto creado en el directorio bin\Debug\net8.0
Cómo depurar código en VS Code
Para depurar códigos en VS Code sigue lo siguiente.
- Oprime F5
- Selecciona C# ya que este es el lenguaje que estamos trabajando
- Selecciona el nombre del proyecto dentro de las opciones
- Tu aplicación se levantara en el navegador
- Ahora mira las opciones de depuración de código que aparecen en VS Code. Es genial.
Espero que este tutorial te haya sido de gran ayuda. Si quieres aprender más sobre desarrollo web puedes visitar mi canal de YouTube JavaScript Ecosistema.