Está en la página 1de 23

Le damos la bienvenida al IDE de Visual

Studio
 Artículo
 12/08/2022
 Tiempo de lectura: 15 minutos
 10 colaboradores

Se aplica a: Visual Studio  Visual Studio para Mac  Visual 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.

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.

Características de productividad populares


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.
 Limpieza de código

Con solo el clic de un botón, puede dar formato al código y aplicar


cualquier corrección de código sugerida por la configuración del estilo del
código, las convenciones de .editorconfig y los analizadores de Roslyn.
La limpieza de código, disponible actualmente solo para el código de C#,
ayuda a solucionar problemas con el código antes de que pase a revisión.

 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.
 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:
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.
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.

 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.
 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.

 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.
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. 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.

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. 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.

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.


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.
5. En la ventana Información adicional, compruebe que .NET 6.0 aparece en
el menú desplegable Plataforma de destino y, luego, seleccione Crear.
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.
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.
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.
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!

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!");:

C#Copiar
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:

C#Copiar
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.

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").

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.
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:

C#Copiar
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.

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:
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.


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.

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 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:

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:

 Conozca los aspectos básicos de este módulo de Learn: Introducción a


Visual Studio.
 Familiarícese con el editor de código mediante el artículo Aprender a usar el
editor de código.
 Descubra la manera en que Visual Studio organiza el código
en Introducción a proyectos y soluciones.

Si está listo para profundizar más sobre codificación, siga con uno de los siguientes
tutoriales específicos sobre lenguaje:

 Usar Visual Studio para crear su primera aplicación web Python


 Usar Visual Studio para crear su primera aplicación web C#
 Usar Visual Studio para crear su primera aplicación web F#
 Uso de Visual Studio para crear la primera aplicación de consola de C++

Otro buen punto de partida para la programación es un tutorial:

 Crear una aplicación Node.js y Express en Visual Studio

Consulte también
 Descubra más características de Visual Studio.
 Visite visualstudio.microsoft.com.
 Lea el blog de Visual Studio.

Contenido recomendado

Tutorial: Un paseo por el IDE de Visual Studio

Conozca algunas de las ventanas, menús y otras características de la interfaz de


usuario del entorno de desarrollo integrado (IDE) de Visual Studio.

Introducción a la edición en el editor de código - Visual Studio (Windows)

Aprenda a usar el editor de código de Visual Studio para agregar código a un


archivo, y a escribir código, desplazarse por él y refactorizarlo.

Características avanzadas - Visual Studio (Windows)
Aprenda sobre las características avanzadas que podrían ser más adecuadas para
desarrolladores experimentados o para aquellos desarrolladores que ya están
familiarizados con Visual Studio.

Compilación y generación - Visual Studio (Windows)

Aprenda a usar el método de compilación del IDE de Visual Studio, el método de


compilación de las herramientas de línea de comandos de MSBuild o el método
de compilación de Azure Pipelines para compilar una aplicación.
Mostrar más

También podría gustarte