viernes, 25 de septiembre de 2026

Capítulo 011. Instalación de Visual Studio

Introducción

Para desarrollar la parte backend de nuestras aplicaciones con ASP.NET Core 9, necesitaremos un entorno de desarrollo adecuado. Una de las herramientas más completas para este propósito es Visual Studio, el entorno de desarrollo integrado (IDE) oficial de Microsoft.

Si prefieres utilizar Visual Studio Code, puedes omitir este capítulo y continuar con la siguiente sección del curso. Sin embargo, Visual Studio ofrece múltiples herramientas integradas que facilitan el desarrollo, la depuración y el despliegue de aplicaciones ASP.NET Core.


¿Qué es Visual Studio?

Visual Studio es un entorno de desarrollo integrado (IDE) que proporciona herramientas avanzadas para crear aplicaciones utilizando tecnologías de Microsoft y otros lenguajes de programación.

Entre sus características se encuentran:

  • Edición avanzada de código.

  • Depuración integrada.

  • Gestión de proyectos.

  • Pruebas automatizadas.

  • Integración con Git.

  • Herramientas para desarrollo web, escritorio, móvil y nube.

Gracias a estas funcionalidades, Visual Studio es una de las opciones más utilizadas para desarrollar aplicaciones con ASP.NET Core.


Descargar Visual Studio

Para descargar Visual Studio, abre tu navegador y accede al sitio oficial de Microsoft:

https://visualstudio.microsoft.com

En la página principal encontrarás distintas opciones de descarga.

Versiones disponibles

Visual Studio se distribuye en varias ediciones:

  • Community

  • Professional

  • Enterprise

Visual Studio Community

Para este curso utilizaremos Visual Studio Community, ya que:

  • Es completamente gratuita para uso personal, académico y muchos escenarios profesionales.

  • Incluye prácticamente todas las herramientas necesarias para desarrollar aplicaciones ASP.NET Core.

  • Es la versión más utilizada por estudiantes y desarrolladores independientes.

Haz clic en Descargar Community para obtener el instalador.


Ejecutar el instalador

Una vez finalizada la descarga:

  1. Ejecuta el archivo descargado.

  2. Espera a que el instalador prepare el entorno.

  3. Selecciona la opción Continuar cuando sea solicitada.

Después de unos instantes aparecerá la ventana de configuración de Visual Studio.


Seleccionar los Workloads

Durante la instalación, Visual Studio solicita seleccionar los Workloads que deseas instalar.

¿Qué son los Workloads?

Los Workloads son conjuntos de herramientas, bibliotecas y componentes destinados a un tipo específico de desarrollo.

En lugar de instalar todas las funcionalidades disponibles, Visual Studio permite instalar únicamente aquellas necesarias para los proyectos que se van a desarrollar.


Workload recomendado para este curso

Para trabajar con ASP.NET Core debes seleccionar:

ASP.NET y desarrollo web

ASP.NET and Web Development

Este workload incluye:

  • ASP.NET Core.

  • Plantillas de proyectos web.

  • Herramientas de publicación.

  • Servidor web para desarrollo.

  • Depuración de aplicaciones web.

Este será el componente principal que utilizaremos durante el curso.


Otros Workloads opcionales

Dependiendo de tus intereses, podrías instalar otros workloads adicionales.

Desarrollo con Azure

Permite integrar aplicaciones con servicios de Microsoft Azure.

Azure Development

Desarrollo de aplicaciones de escritorio .NET

Permite crear aplicaciones Windows utilizando:

  • Windows Forms.

  • WPF.

Desktop Development with .NET

Desarrollo con Python

Incluye herramientas para proyectos Python.

Python Development

Desarrollo con Node.js

Incluye herramientas especializadas para proyectos basados en Node.js.

Node.js Development

Para los objetivos de este curso, estos workloads son opcionales y no son necesarios para desarrollar aplicaciones con Angular y ASP.NET Core.


Iniciar la instalación

Una vez seleccionados los workloads deseados:

  1. Haz clic en Instalar.

  2. Espera a que Visual Studio descargue los componentes necesarios.

  3. Permite que el proceso finalice completamente.

La duración de la instalación dependerá principalmente de:

  • La velocidad de tu conexión a Internet.

  • El rendimiento de tu equipo.

  • La cantidad de workloads seleccionados.

Es normal que la instalación tome varios minutos.


Verificar la instalación

Una vez concluido el proceso:

  1. Abre Visual Studio desde el menú Inicio.

  2. Verifica que la aplicación se ejecute correctamente.

  3. Comprueba que puedes crear un nuevo proyecto ASP.NET Core.

Si Visual Studio abre sin inconvenientes, la instalación habrá sido exitosa.


¿Visual Studio o Visual Studio Code?

Para este curso puedes trabajar con cualquiera de las siguientes opciones:

Visual Studio

Ventajas:

  • IDE completo.

  • Mayor integración con ASP.NET Core.

  • Herramientas de depuración avanzadas.

  • Administración visual de proyectos.

  • Publicación integrada.

Visual Studio Code

Ventajas:

  • Más ligero y rápido.

  • Menor consumo de recursos.

  • Altamente personalizable.

  • Excelente integración con Angular.

Ambas herramientas son válidas para seguir el curso. La elección dependerá de tus preferencias personales y del tipo de entorno de desarrollo con el que te sientas más cómodo.


Resumen

En este capítulo instalamos Visual Studio Community, el IDE que utilizaremos para desarrollar la parte backend de nuestras aplicaciones con ASP.NET Core.

Durante la instalación seleccionamos el workload:

ASP.NET and Web Development

que proporciona todas las herramientas necesarias para crear, ejecutar y depurar aplicaciones ASP.NET Core.

Con Visual Studio instalado y configurado, ya tenemos listo el entorno para comenzar a desarrollar el backend de nuestra aplicación utilizando ASP.NET Core 9.


sábado, 19 de septiembre de 2026

Capítulo 012. Instalación de Visual Studio Code y .NET 9

Introducción

En este capítulo instalaremos Visual Studio Code y el SDK de .NET 9, dos herramientas fundamentales para el desarrollo de aplicaciones con Angular y ASP.NET Core.

Visual Studio Code será nuestro editor de código, mientras que .NET 9 proporcionará el entorno de desarrollo y ejecución necesario para crear y ejecutar aplicaciones ASP.NET Core.


¿Qué es Visual Studio Code?

Visual Studio Code (VS Code) es un editor de código fuente gratuito desarrollado por Microsoft. Se caracteriza por ser ligero, rápido, altamente personalizable y compatible con múltiples lenguajes y plataformas.

Puede utilizarse en:

  • Windows

  • Linux

  • macOS

Además, es una herramienta muy popular tanto para desarrollo frontend como backend, lo que la convierte en una excelente opción para trabajar con Angular y ASP.NET Core en un mismo entorno.

Principales características

Entre las características más destacadas de Visual Studio Code se encuentran:

  • Resaltado de sintaxis.

  • Autocompletado inteligente.

  • Depuración integrada.

  • Terminal incorporada.

  • Integración con Git.

  • Amplio catálogo de extensiones.

  • Compatibilidad con Angular, TypeScript y .NET.


Descargar Visual Studio Code

Para descargar Visual Studio Code, abre tu navegador y accede al sitio oficial de Microsoft:

https://visualstudio.microsoft.com

Desde la página principal podrás encontrar la familia de productos Visual Studio, incluyendo:

  • Visual Studio

  • Visual Studio Code

Selecciona la opción Visual Studio Code.

Elegir el sistema operativo

Visual Studio Code está disponible para varios sistemas operativos:

  • Windows

  • macOS

  • Linux

Descarga la versión correspondiente a tu sistema.

Por ejemplo, si utilizas Windows, selecciona la descarga para Windows.


Instalar Visual Studio Code

Una vez descargado el instalador:

  1. Ejecuta el archivo descargado.

  2. Acepta los términos de licencia.

  3. Sigue los pasos del asistente de instalación.

  4. Haz clic en Siguiente hasta completar el proceso.

  5. Finaliza la instalación.

La instalación es sencilla y normalmente toma solo unos minutos.


Instalación del SDK de .NET 9

Instalar Visual Studio Code no es suficiente para desarrollar aplicaciones ASP.NET Core.

También necesitamos instalar el SDK de .NET 9, que incluye:

  • El compilador de C#.

  • Las herramientas de línea de comandos de .NET.

  • ASP.NET Core.

  • Las bibliotecas necesarias para crear y ejecutar aplicaciones .NET.


Descargar .NET 9

Abre tu navegador y visita el sitio oficial de .NET:

https://dotnet.microsoft.com

Desde la página principal:

  1. Haz clic en Download.

  2. Selecciona la versión .NET 9.

  3. Descarga el SDK correspondiente a tu sistema operativo.

Importante: Asegúrate de descargar el SDK y no únicamente el Runtime. El SDK incluye todas las herramientas necesarias para desarrollar aplicaciones.


Instalar .NET 9

Una vez descargado el instalador:

  1. Ejecuta el archivo.

  2. Sigue las instrucciones del asistente.

  3. Haz clic en Instalar.

  4. Espera a que finalice el proceso.

  5. Cierra el instalador cuando la instalación se haya completado correctamente.

Al igual que Visual Studio Code, la instalación es bastante sencilla y guiada.


Verificar la instalación de .NET

Después de instalar .NET, es recomendable verificar que todo haya quedado correctamente configurado.

En Windows

Presiona:

Windows + R

Escribe:

cmd

y presiona Enter.

En Linux o macOS

Abre una terminal.

Ejecutar el comando de verificación

En la consola, escribe:

dotnet --version

Si la instalación fue exitosa, aparecerá un resultado similar al siguiente:

9.0.xxx

El número exacto puede variar según la actualización instalada, pero debe corresponder a una versión de .NET 9.


¿Por qué necesitamos .NET 9?

Durante este curso utilizaremos .NET 9 para desarrollar el backend de nuestra aplicación.

Con .NET podremos:

  • Crear APIs REST.

  • Implementar lógica de negocio.

  • Conectarnos a bases de datos.

  • Gestionar autenticación y autorización.

  • Exponer servicios para ser consumidos por Angular.

En conjunto, Angular actuará como frontend y ASP.NET Core como backend, conformando una arquitectura moderna ampliamente utilizada en aplicaciones empresariales.


Resumen

En este capítulo instalamos las herramientas necesarias para trabajar con ASP.NET Core utilizando Visual Studio Code:

Visual Studio Code

Herramienta utilizada como editor de código para el desarrollo frontend y backend.

.NET 9 SDK

Entorno de desarrollo que incluye las herramientas necesarias para crear y ejecutar aplicaciones ASP.NET Core.

Comando de verificación:

dotnet --version

Si el comando muestra una versión de .NET 9, significa que la instalación se realizó correctamente.

Con Visual Studio Code y .NET instalados, nuestro entorno de desarrollo ya está preparado para comenzar a crear aplicaciones utilizando Angular 19 y ASP.NET Core 9.


viernes, 18 de septiembre de 2026

Capítulo 010. Instalación de Angular CLI

Introducción

Una vez que hemos instalado y configurado Node.js, el siguiente paso es instalar Angular CLI, la herramienta oficial que nos permitirá crear, ejecutar, compilar y administrar proyectos Angular desde la línea de comandos.

Angular CLI simplifica enormemente el desarrollo, ya que automatiza tareas comunes y proporciona una experiencia de trabajo uniforme en todos los proyectos Angular.


¿Qué es Angular CLI?

Angular CLI (Command Line Interface) es la herramienta oficial de Angular para la administración de proyectos.

Con Angular CLI podemos:

  • Crear nuevos proyectos Angular.

  • Generar componentes, servicios y otros elementos.

  • Ejecutar la aplicación en modo desarrollo.

  • Compilar el proyecto.

  • Ejecutar pruebas automatizadas.

  • Generar versiones optimizadas para producción.

  • Actualizar proyectos a nuevas versiones de Angular.

A lo largo de este curso utilizaremos Angular CLI de forma constante, por lo que es fundamental tenerlo correctamente instalado.


Configuración previa en Windows

Si estás utilizando Windows, es recomendable ejecutar un comando de configuración antes de instalar Angular CLI.

Abrir Windows PowerShell

Presiona la tecla Windows y escribe:

PowerShell

A continuación, selecciona Windows PowerShell o PowerShell y ábrelo.


Ejecutar el comando de configuración

Dentro de PowerShell, ejecuta el siguiente comando:

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

Cuando Windows solicite confirmación, escribe:

Y

o

Sí

según el idioma de tu sistema operativo.

Este comando permite la ejecución de scripts firmados en el contexto del usuario actual y ayuda a evitar problemas relacionados con las políticas de ejecución de PowerShell.

Nota: Este paso suele ser necesario únicamente en Windows.


Instalar Angular CLI

Una vez completada la configuración, abre una terminal o consola de comandos (CMD) y ejecuta el siguiente comando:

npm install -g @angular/cli@19.0.0

Explicación del comando

  • npm install: instala un paquete mediante npm.

  • -g: realiza una instalación global para que el comando pueda utilizarse desde cualquier ubicación.

  • @angular/cli: paquete oficial de Angular CLI.

  • @19.0.0: versión específica que utilizaremos durante el curso.

Es recomendable utilizar la misma versión indicada para garantizar que todos los ejemplos y ejercicios funcionen de la misma manera.


Verificar la instalación

Una vez finalizada la instalación, podemos comprobar que Angular CLI se instaló correctamente ejecutando:

ng version

También es posible utilizar:

ng --version

Si la instalación fue exitosa, obtendremos información similar a la siguiente:

Angular CLI: 19.0.0

Node: 20.16.0

Package Manager: npm

OS: win32 x64

La versión exacta de algunos componentes puede variar, pero debe mostrarse Angular CLI versión 19.0.0.


El comando ng

El comando principal para interactuar con Angular CLI es:

ng

A través de este comando realizaremos prácticamente todas las tareas relacionadas con nuestros proyectos Angular.

Por ejemplo:

ng new

Permite crear un nuevo proyecto.

ng serve

Ejecuta la aplicación en modo desarrollo.

ng generate component

Genera nuevos componentes.

Aprenderemos estos comandos en detalle durante los próximos capítulos.


Resumen

En este capítulo instalamos Angular CLI 19, la herramienta oficial de Angular para la gestión de proyectos y tareas de desarrollo.

Los pasos realizados fueron:

  1. Configurar PowerShell (solo en Windows).

  2. Instalar Angular CLI globalmente mediante npm.

  3. Verificar que la instalación fue exitosa.

Comandos utilizados:

Set-ExecutionPolicy RemoteSigned -Scope CurrentUser

npm install -g @angular/cli@19.0.0

ng --version

Con Angular CLI correctamente instalado, ya estamos listos para crear nuestro primer proyecto Angular y comenzar a desarrollar la aplicación que construiremos a lo largo de este curso.