Le damos la bienvenida al IDE de Visual Studio | C#

Se aplica a:yesVisual Studio noVisual Studio para Mac noVisual Studio Code

Un entorno de desarrollo integrado (IDE) es un programa con numerosas características que respalda muchos aspectos del desarrollo de software. El IDE de Visual Studio es un panel de inicio creativo que se puede usar para editar, depurar y compilar código y, después, publicar una aplicación. Aparte del editor y el depurador estándar que proporcionan la mayoría de IDE, Visual Studio incluye compiladores, herramientas de finalización de código, diseñadores gráficos y muchas más características para facilitar el proceso de desarrollo de software.

Captura de pantalla del IDE de Visual Studio 2019, que incluye llamadas que indican dónde se encuentran las características y funcionalidades principales.

Captura de pantalla que muestra el IDE de Visual Studio 2022, con llamadas que indican la ubicación de las características y funcionalidades principales.

En la imagen anterior se muestra Visual Studio con un proyecto abierto con las ventanas principales y su funcionalidad:

  • En la parte superior derecha del Explorador de soluciones, puede ver y administrar los archivos de código y navegar por ellos. El Explorador de soluciones puede ayudar a organizar el código al agrupar los archivos en soluciones y proyectos.

  • La ventana del editor central, donde es probable que pase la mayor parte del tiempo, muestra el contenido del archivo. En ella, podrá editar código o diseñar una interfaz de usuario, como una ventana con botones y cuadros de texto.

  • En la parte inferior derecha de Git Changes (Cambios de Git), puede realizar el seguimiento de elementos de trabajo y compartir código con otros usuarios mediante tecnologías de control de versiones, como Git y GitHub.

Ediciones

Visual Studio está disponible para Windows y Mac. Visual Studio para Mac tiene muchas de las mismas características que Visual Studio para Windows y está optimizado para el desarrollo de aplicaciones móviles y multiplataforma. Este artículo se centra en la versión de Visual Studio para Windows.

Existen tres ediciones de Visual Studio: Community, Professional y Enterprise. Consulte Comparar las ediciones de Visual Studio para obtener información sobre las características que se admiten en cada edición.

Algunas características conocidas de Visual Studio que mejoran la productividad al desarrollar software incluyen:

  • Subrayados ondulados y Acciones rápidas

    Los subrayados ondulados son rayas con formas de onda debajo de las palabras que alertan de errores o posibles problemas en el código a medida que se escribe. Estas pistas visuales le ayudan a corregir problemas inmediatamente, sin esperar a detectar errores durante la compilación o el tiempo de ejecución. Si mantiene el puntero sobre un subrayado rojo, verá más información sobre el error. También puede aparecer una bombilla en el margen izquierdo que muestra acciones rápidas que puede realizar para corregir el error.

    Captura de pantalla que muestra ondulados en Visual Studio.

    Captura de pantalla que muestra ondulados en Visual Studio.

  • Refactorización

    La refactorización incluye operaciones como el cambio de nombre inteligente de variables, la extracción de una o más líneas de código en un nuevo método y el cambio del orden de los parámetros de método.

    Captura de pantalla que muestra la refactorización en Visual Studio.

    Captura de pantalla que muestra la refactorización en Visual Studio.

  • IntelliSense

    IntelliSense es un conjunto de características que muestran información sobre el código directamente en el editor y, en algunos casos, escriben pequeños fragmentos de código automáticamente. Es como tener documentación básica insertada en el editor, lo que evita tener que buscar información escrita en cualquier otro lugar.

    La siguiente ilustración muestra cómo IntelliSense muestra una lista de miembros de un tipo:

    Captura de pantalla que muestra una lista de miembros de IntelliSense.

    Captura de pantalla que muestra una lista de miembros de IntelliSense.

    Las características de IntelliSense varían según el lenguaje. Para más información, vea IntelliSense para C#, IntelliSense para Visual C++, IntelliSense para JavaScript e IntelliSense de Visual Basic.

  • Búsqueda de Visual Studio

    Los menús, las opciones y las propiedades de Visual Studio pueden parecer abrumadores en ocasiones. La búsqueda de Visual Studio, o Ctrl+Q, es una excelente manera de encontrar rápidamente las características del IDE y el código en un solo lugar.

    Captura de pantalla que muestra el cuadro de búsqueda de inicio rápido de Visual Studio 2019.

    Para obtener información y sugerencias de productividad, vea Cómo usar la búsqueda de Visual Studio.

    Captura de pantalla que muestra el cuadro de búsqueda de inicio rápido de Visual Studio.

    Para obtener información y sugerencias de productividad, vea Cómo usar la búsqueda de Visual Studio.

  • Live Share

    Edite y depure en colaboración con otros usuarios en tiempo real, sin importar el tipo de aplicación o el lenguaje de programación. Puede compartir el proyecto al instante y de forma segura. También puede compartir sesiones de depuración, instancias de terminal, aplicaciones web de localhost, llamadas de voz, etc.

  • Jerarquía de llamadas

    En la ventana Jerarquía de llamadas se muestran los métodos que llaman a un método seleccionado. Esta información puede ser útil si está pensando en cambiar o quitar el método, o si está intentando realizar el seguimiento de un error.

    Captura de pantalla que muestra la ventana Jerarquía de llamadas.

    Captura de pantalla que muestra la ventana Jerarquía de llamadas.

  • CodeLens

    CodeLens ayuda a buscar referencias al código, cambios en él, errores vinculados, elementos de trabajo, revisiones de código y pruebas unitarias, sin salir del editor.

    Captura de pantalla que muestra CodeLens.

    Captura de pantalla que muestra CodeLens.

  • Ir a definición

    La característica Ir a definición lleva directamente a la ubicación de una definición de tipo o función.

    Captura de pantalla que muestra el elemento de menú Ir a definición.

    Captura de pantalla que muestra el elemento de menú Ir a definición.

  • Ver la definición

    En la ventana Ver la definición se muestra una definición de tipo o método sin abrir un archivo aparte.

    Captura de pantalla que muestra una ventana Ver la definición.

    Captura de pantalla que muestra una ventana Ver la definición.

Instalar Visual Studio

En esta sección, creará un proyecto sencillo para probar algunas de las cosas que puede hacer con Visual Studio. Usará IntelliSense como ayuda para crear código, depurará una aplicación para ver el valor de una variable durante la ejecución del programa y cambiará el tema de color.

Para empezar, descargue Visual Studio e instálelo en su sistema. El instalador modular le permite elegir e instalar cargas de trabajo, que son grupos de características necesarias para el lenguaje de programación o la plataforma que prefiera. Siga los pasos para crear un programa y no se olvide de seleccionar la carga de trabajo Desarrollo multiplataforma de .NET Core durante la instalación.

Captura de pantalla de la carga de trabajo de desarrollo multiplataforma de .NET Core en el Instalador de Visual Studio.

Para empezar, descargue Visual Studio e instálelo en su sistema. En el instalador modular, elegirá e instalará cargas de trabajo, que son grupos de características necesarias para los lenguajes de programación o las plataformas que prefiera. Para usar los pasos siguientes para crear un programa, asegúrese de seleccionar la carga de trabajo Desarrollo de escritorio de .NET durante la instalación.

Captura de pantalla de la carga de trabajo de desarrollo de escritorio de .NET seleccionada en el Instalador de Visual Studio.

Cuando se abre Visual Studio por primera vez, puede iniciar sesión con su cuenta de Microsoft o con su cuenta de trabajo o educativa.

Creación de un programa

Profundicemos y creemos un programa sencillo.

  1. Abra Visual Studio.

    La ventana de inicio aparece con opciones para clonar un repositorio, abrir un proyecto reciente o crear un proyecto.

  2. Elija Crear un nuevo proyecto.

    Captura de pantalla de la ventana

    La ventana Crear un nuevo proyecto se abre y muestra varias plantillas de proyecto. Una plantilla contiene los archivos básicos y la configuración necesarios para un tipo de proyecto concreto.

  3. Para buscar la plantilla que quiere, escriba consola .net core en el cuadro de búsqueda. La lista de plantillas disponibles se filtra automáticamente en función de las palabras clave que escribió. Puede filtrar aún más los resultados de la plantilla eligiendo C# en la lista desplegable Todos los lenguajes, Windows en la lista Todas las plataformas y Consola en la lista Todos los tipos de proyecto.

    Seleccione la plantilla Aplicación de consola y luego haga clic en Siguiente.

    Captura de pantalla de la ventana

  4. En la ventana Configure su nuevo proyecto, escriba HelloWorld en el cuadro Nombre del proyecto y, si quiere, cambie la ubicación del directorio de los archivos del proyecto (la configuración regional predeterminada es C:\Users\<name>\source\repos) y luego haga clic en Siguiente.

    Captura de pantalla de la ventana

  5. En la ventana información adicional, compruebe que .NET Core 3.1 aparece en el menú desplegable Plataforma de destino y luego haga clic en Crear.

    Captura de pantalla de la ventana

    Visual Studio crea el proyecto. Es una aplicación "Hola mundo" sencilla que llama al método Console.WriteLine() para mostrar la cadena literal "¡Hola mundo!" en la ventana de consola (resultados del programa).

    En breve, debería ver algo parecido a la pantalla siguiente:

    Captura de pantalla que muestra el IDE de Visual Studio.

    En la ventana del editor se muestra el código de C# de la aplicación, que ocupa la mayor parte del espacio. Observe que el texto se colorea automáticamente para indicar diferentes partes del código, como palabras clave y tipos. Además, líneas pequeñas, verticales y discontinuas en el código indican qué llaves coinciden, y los números de línea sirven para ubicar código más adelante. Puede elegir el pequeño signo menos de la casilla para contraer o expandir bloques de código. Esta característica de esquematización de código le permite ocultar el código que no necesita, ayudando a minimizar el desorden en la pantalla. Los archivos del proyecto se muestran en el lado derecho de una ventana llamada Explorador de soluciones.

    Captura de pantalla que muestra el IDE de Visual Studio con cuadros rojos.

    Hay otros menús y ventanas de herramientas disponibles, pero por ahora vamos a continuar.

  6. Ahora, inicie la aplicación. Para ello, elija Iniciar sin depurar en el menú Depurar de la barra de menús. También puede presionar Ctrl+F5.

    Captura de pantalla que muestra el elemento de menú Depurar > Iniciar sin depurar.

    Visual Studio compila la aplicación y se abre una ventana de consola con el mensaje ¡Hola mundo! ¡Ya tiene una aplicación en ejecución!

    Captura de pantalla de la ventana Consola de depuración de Microsoft Visual Studio que muestra el resultado “Hola mundo”, y “Press any key to close this window (Presione cualquier tecla para cerrar esta ventana)”.

  7. Para cerrar la ventana de consola, presione cualquier tecla del teclado.

  8. Vamos a agregar más código a la aplicación. Agregue el siguiente código de C# antes de la línea que dice Console.WriteLine("Hello World!");:

    Console.WriteLine("\nWhat is your name?");
    var name = Console.ReadLine();
    

    Este código muestra What is your name? en la ventana de la consola y espera a que el usuario escriba algún texto seguido de la tecla Entrar.

  9. Cambie la línea que indica Console.WriteLine("Hello World!"); por el código siguiente:

    Console.WriteLine($"\nHello {name}!");
    
  10. Vuelva a ejecutar la aplicación mediante la selección de Depurar>Iniciar sin depurar o presionando Ctrl+F5.

    Visual Studio recompila la aplicación y se abre una ventana de consola que le solicita su nombre.

  11. Escriba su nombre en la ventana de consola y presione Entrar.

    Captura de pantalla de la ventana de la Consola de depuración de Microsoft Visual Studio en la que se muestra el mensaje de solicitud de un nombre, la entrada y la salida

  12. Presione cualquier tecla para cerrar la ventana de consola y detener la ejecución del programa.

  1. Inicie Visual Studio. La ventana de inicio aparece con opciones para clonar un repositorio, abrir un proyecto reciente o crear un proyecto.

  2. Elija Crear un nuevo proyecto.

    Captura de pantalla del menú de inicio de Visual Studio con Crear un proyecto seleccionado.

    La ventana Crear un nuevo proyecto se abre y muestra varias plantillas de proyecto. Una plantilla contiene los archivos básicos y la configuración necesarios para un tipo de proyecto concreto.

  3. Para buscar una plantilla, puede escribir palabras clave en el cuadro de búsqueda. La lista de plantillas disponibles se filtra por las palabras clave que escribió. Puede filtrar aún más los resultados de la plantilla eligiendo C# en la lista desplegable Todos los lenguajes, Windows en la lista Todas las plataformas y Consola en la lista Todos los tipos de proyecto.

    Seleccione la plantilla Aplicación de consola y, luego, elija Siguiente.

    Captura de pantalla de la ventana Crear un proyecto con la aplicación de consola seleccionada.

  4. En la ventana Configurar el nuevo proyecto, escriba HelloWorld en el cuadro Nombre del proyecto. Opcionalmente, cambie la ubicación predeterminada del directorio del proyecto C:\Usuarios\<nombre>\origen\repositorios y, luego, seleccione Siguiente.

    Captura de pantalla de la ventana Configure su nuevo proyecto con el nombre del proyecto HelloWorld escrito.

  5. En la ventana Información adicional, compruebe que .NET 6.0 aparece en el menú desplegable Plataforma de destino y, luego, seleccione Crear.

    Captura de pantalla de la ventana Información adicional con .NET 6.0 seleccionado.

    Visual Studio crea el proyecto. El programa es una aplicación sencilla "Hola mundo" que llama al método Console.WriteLine() para mostrar la cadena ¡Hola mundo! en la ventana de consola.

    Los archivos del proyecto aparecen en el lado derecho del IDE de Visual Studio, en una ventana denominada Explorador de soluciones. En la ventana Explorador de soluciones, seleccione el archivo Program.cs. El código de C# de la aplicación se abre en la ventana central del editor, que ocupa la mayoría del espacio.

    Captura de pantalla que muestra el IDE de Visual Studio con el código de Program.cs en el editor.

    El código se colorea automáticamente para indicar las diferentes partes, como palabras clave y tipos. Los números de línea le ayudan a encontrar el código.

    Las pequeñas líneas discontinuas verticales del código indican qué llaves coinciden entre sí. Puede elegir también los pequeños cuadrados con los signos de menos o más para contraer o expandir los bloques de código. Esta característica de esquematización del código le permite ocultar el código que no necesita, lo que ayuda a minimizar el desorden en la pantalla.

    Captura de pantalla que muestra el IDE de Visual Studio con cuadros rojos.

    Hay muchos otros menús y ventanas de herramientas disponibles.

  6. Para iniciar la aplicación, elija Depurar>Iniciar sin depurar en el menú superior de Visual Studio. También puede presionar Ctrl+F5.

    Captura de pantalla que muestra el elemento de menú Depurar > Iniciar sin depurar.

    Visual Studio compila la aplicación y se abre una ventana de consola con el mensaje Hola mundo. ¡Ya tiene una aplicación en ejecución!

    Captura de pantalla de la ventana Consola de depuración que muestra el resultado Hola mundo, y Presione cualquier tecla para cerrar esta ventana.

  7. Para cerrar la ventana de la consola presione cualquier tecla.

  8. Vamos a agregar más código a la aplicación. Agregue el siguiente código de C# antes de la línea que dice Console.WriteLine("Hello World!");:

    Console.WriteLine("\nWhat is your name?");
    var name = Console.ReadLine();
    

    Este código muestra What is your name? en la ventana de la consola y luego espera a que el usuario escriba algún texto.

  9. Cambie la línea que indica Console.WriteLine("Hello World!"); por la siguiente:

    Console.WriteLine($"\nHello {name}!");
    
  10. Vuelva a ejecutar la aplicación mediante la selección de Depurar>Iniciar sin depurar o presionando Ctrl+F5.

    Visual Studio recompila la aplicación y se abre una ventana de consola que le solicita su nombre.

  11. Escriba su nombre en la ventana de la consola y presione Entrar.

    Captura de pantalla de la ventana Consola de depuración que muestra el mensaje de solicitud de un nombre, la entrada y la salida

  12. Presione cualquier tecla para cerrar la ventana de consola y detener la ejecución del programa.

Usar IntelliSense y la refactorización

Veamos un par de formas en las que la refactorización e IntelliSense pueden ayudar a crear código de forma más eficaz.

Primero cambie el nombre de la variable name:

  1. Haga doble clic en la variable name y escriba el nuevo nombre, username.

    Aparece un cuadro alrededor de la variable y una bombilla en el margen.

  2. Haga clic en el icono de bombilla para mostrar las Acciones rápidas disponibles. Seleccione Rename 'name' to 'username' (Cambiar "name" a "username").

    Captura de pantalla que muestra la acción Cambiar nombre de Visual Studio.

    Captura de pantalla que muestra la acción Cambiar nombre de Visual Studio.

    Se cambia el nombre de la variable en el proyecto, que en nuestro caso es solo en dos lugares.

  3. Ahora echemos un vistazo a IntelliSense. Por debajo de la línea que dice Console.WriteLine($"\nHello {username}!");, escriba DateTime now = DateTime..

    Los miembros de la clase DateTime se muestran en un cuadro. La descripción del miembro seleccionado actualmente se muestra en un cuadro independiente.

    Captura de pantalla que muestra los miembros de la lista de IntelliSense de Visual Studio.

    Captura de pantalla que muestra los miembros de la lista de IntelliSense de Visual Studio.

  4. Seleccione el miembro llamado Now, que es una propiedad de la clase; para ello, haga doble clic en él o presione el tabulador. Complete la línea de código agregando un punto y coma al final: DateTime now = DateTime.Now;.

  5. Debajo de la línea, escriba las líneas de código siguientes:

    int dayOfYear = now.DayOfYear;
    
    Console.Write("Day of year: ");
    Console.WriteLine(dayOfYear);
    

    Sugerencia

    Console.Write se diferencia de Console.WriteLine en que no agrega un terminador de línea después de la impresión. Esto significa que el siguiente fragmento de texto que se envía a la salida se imprimirá en la misma línea. Puede mantener el puntero sobre cada uno de estos métodos del código para ver su descripción.

  6. A continuación, se usará de nuevo la refactorización para que el código sea más conciso. Seleccione la variable now en la línea DateTime now = DateTime.Now;. Un pequeño icono de destornillador aparece en el margen de esa línea.

  7. Seleccione el icono de destornillador para ver las sugerencias disponibles en Visual Studio. En este caso, se muestra la refactorización Variable temporal en línea para quitar una línea de código sin cambiar el comportamiento general del código.

    Captura de pantalla que muestra la sugerencia de variable temporal en línea en Visual Studio.

    Captura de pantalla que muestra la sugerencia de variable temporal en línea en Visual Studio.

  8. Seleccione Variable temporal en línea para refactorizar el código.

  9. Vuelva a ejecutar el programa presionando Ctrl+F5. La salida tendrá un aspecto similar a este:

    Captura de pantalla de la ventana Consola de depuración que muestra el mensaje de solicitud de un nombre, la entrada y la salida

    Captura de pantalla de la ventana Consola de depuración que muestra el mensaje de solicitud de un nombre, la entrada y la salida

Depurar código

Cuando escriba código, debe ejecutarlo y probarlo para ver si hay errores. El sistema de depuración de Visual Studio permite examinar el código por cada instrucción e inspeccionar las variables a medida que se avanza. Puede establecer puntos de interrupción que detengan la ejecución del código en una línea determinada y observar cómo cambia el valor de la variable a medida que se ejecuta el código.

Establezca un punto de interrupción para ver el valor de la variable username mientras el programa se está ejecutando.

  1. Establezca un punto de interrupción en la línea de código que indica Console.WriteLine($"\nHello {username}!");; para ello, haga clic en el margen izquierdo, o interno, junto a la línea. También puede seleccionar la línea de código y, después, presionar F9.

    Aparece un círculo rojo en el margen interno y la línea está resaltada.

    Captura de pantalla que muestra un punto de interrupción en una línea de código de Visual Studio.

    Captura de pantalla que muestra un punto de interrupción en una línea de código de Visual Studio.

  2. Para iniciar la depuración, seleccione Depurar>Iniciar depuración o presione F5.

  3. Cuando aparezca la ventana de la consola y se le solicite su nombre, escríbalo.

    El foco se devuelve al editor de código de Visual Studio y la línea de código con el punto de interrupción se resalta en amarillo. El resaltado amarillo significa que esta línea de código se ejecutará a continuación. El punto de interrupción hace que la aplicación pause la ejecución en esta línea.

  4. Mantenga el ratón sobre la variable username para ver su valor. También puede hacer clic con el botón derecho en username y seleccionar Agregar inspección para agregar la variable a la ventana Inspección, donde también puede ver su valor.

    Captura de pantalla que muestra el valor de una variable durante la depuración en Visual Studio.

    Captura de pantalla que muestra el valor de una variable durante la depuración en Visual Studio.

  5. Presione de nuevo F5 para terminar de ejecutar la aplicación.

Para más información sobre la depuración en Visual Studio, consulte el recorrido por la característica de depuración.

Personalizar Visual Studio

Puede personalizar la interfaz de usuario de Visual Studio, incluso cambiar el tema de color predeterminado. Para cambiar el tema de color:

  1. En la barra de menús, seleccione Herramientas>Opciones para abrir el cuadro de diálogo Opciones.

  2. En la página de opciones Entorno>General, cambie la selección de Tema de color a Oscuro y, después, elija Aceptar.

    El tema de color para todo el IDE se cambia a Oscuro.

    Captura de pantalla que muestra Visual Studio con el tema Oscuro.

  1. En la barra de menús, seleccione Herramientas>Opciones para abrir el cuadro de diálogo Opciones.

  2. En la página de opciones Entorno>General, cambie la selección de Tema de color a Azul o Claro y, luego, seleccione Aceptar.

    El tema de color de todo el IDE se cambia en consecuencia. En la captura de pantalla siguiente se muestra el tema Azul:

    Captura de pantalla que muestra Visual Studio con el tema Azul.

Para obtener información sobre otras maneras de personalizar el IDE, vea Personalizar Visual Studio.

Selección de la configuración del entorno

Puede configurar Visual Studio para que use la configuración de entorno adaptada a los desarrolladores de C#:

  1. En la barra de menús, elija Herramientas>Importar y exportar configuraciones.

  2. En el Asistente para importar y exportar configuraciones, seleccione Restablecer todas las configuraciones y luego Siguiente.

  3. En la página Guardar configuración actual, elija si quiere guardar la configuración actual antes de restablecerla. Si no personalizó la configuración, seleccione No, simplemente restablecer la configuración reemplazando mi configuración actual. Luego, seleccione Siguiente.

  4. En la página Elija una colección predeterminada de configuraciones, elija Visual C# y, luego, seleccione Finalizar.

  5. En la página Restablecimiento completado, haga clic en Cerrar.

Para obtener información sobre otras maneras de personalizar el IDE, vea Personalizar Visual Studio.

Pasos siguientes

Profundice aún más en Visual Studio con alguno de estos artículos introductorios:

Consulte también