Compartir vía


Bienvenido al IDE de Visual Studio | Visual Basic

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

Captura de pantalla del IDE de Visual Studio 2019 con código de Visual Basic.

Captura de pantalla del IDE de Visual Studio con código de Visual Basic y funcionalidad clave.

En la imagen anterior se muestra Visual Studio con un proyecto de Visual Basic abierto que muestra las ventanas clave 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 central del editor , donde probablemente pase la mayor parte de su tiempo, muestra los contenidos del archivo. En la ventana del editor, puede 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.

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

Algunas características populares 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. Una bombilla también puede aparecer en el margen izquierdo que muestra Acciones rápidas que puede realizar para corregir el error.

    Captura de pantalla de un subrayado rojo en Visual Studio.

    Captura de pantalla de un subrayado rojo en Visual Studio.

  • Refactorización

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

    Captura de pantalla del menú Refactorización en Visual Studio.

    Captura de pantalla del menú 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 bits de código automáticamente. Es como tener documentación básica insertada en el editor, por lo que no tiene que buscar información de tipos en otro lugar.

    En la ilustración siguiente se muestra cómo IntelliSense muestra una lista de miembros para un tipo:

    Captura de pantalla de una lista de miembros de IntelliSense.

    Captura de pantalla de una lista de miembros de IntelliSense.

    Las características de IntelliSense varían según el idioma. Para obtener más información, vea IntelliSense de C#, IntelliSense de Visual C++, IntelliSense de JavaScripty IntelliSense de Visual Basic.

  • Búsqueda en Visual Studio

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

    Al empezar a escribir el nombre de algo que está buscando, Visual Studio muestra los resultados que le llevan a dónde debe ir. Si necesita agregar funcionalidad, por ejemplo, otro lenguaje de programación, puede abrir el Instalador de Visual Studio desde los resultados del cuadro de búsqueda para instalar la carga de trabajo o el componente.

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

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

  • Live Share

    Edite y depure de forma colaborativa con otros usuarios en tiempo real, independientemente del tipo de aplicación o del lenguaje de programación. Puede compartir de forma instantánea y segura el proyecto. 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 cuando estás pensando en cambiar o quitar el método, o cuando intentas localizar un error.

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

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

  • CodeLens

    CodeLens le ayuda a encontrar referencias de código, cambios de código, errores vinculados, elementos de trabajo, revisiones de código y pruebas unitarias, sin salir del editor.

    Captura de pantalla que muestra CodeLens en Visual Studio.

    Captura de pantalla que muestra CodeLens en Visual Studio.

  • ir a definición

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

    Captura de pantalla que muestra Ir a definición en Visual Studio 2019.

    Captura de pantalla que muestra Ir a definición en Visual Studio.

  • Ver la definición

    La ventana Ver definición muestra un método o definición de tipo sin abrir un archivo independiente.

    Captura de pantalla que muestra

    Captura de pantalla en la que se muestra Ver la definición en Visual Studio.

  • Recarga activa

    Recarga activa permite editar los archivos de código de la aplicación y aplicar los cambios de código inmediatamente a la aplicación en ejecución.

    captura de pantalla de recarga activa en Visual Studio 2022.

Instalación de Visual Studio

En esta sección, creará un proyecto sencillo para probar algunas de las cosas que puede hacer con Visual Studio. Aprenderá a cambiar el tema de color, usar IntelliSense como asistente de programación y depurar una aplicación para ver el valor de una variable mientras se ejecuta la aplicación.

Para empezar, descargar Visual Studio e instalarlo en el sistema. El instalador modular le permite seleccionar 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, descargar Visual Studio e instalarlo en el 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 dot NET seleccionada en el Instalador de Visual Studio.

Al abrir Visual Studio por primera vez, puede iniciar sesión mediante su cuenta Microsoft o su cuenta profesional o educativa.

Personalización de Visual Studio

Puede personalizar la interfaz de usuario de Visual Studio, incluido el cambio del tema de color predeterminado.

Cambiar el tema de color

Para cambiar el tema de color:

  1. Abra Visual Studio. En la ventana de inicio, seleccione Continuar sin código.

    Captura de pantalla de la ventana Inicio de Visual Studio 2019, con el vínculo

    Se abre el IDE.

  2. En la barra de menús de Visual Studio, elija Herramientas>Opciones para abrir el cuadro de diálogo Opciones.

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

    Captura de pantalla que muestra el cambio de tema de color a oscuro en Visual Studio.

    El tema de color de todo el IDE cambia a Dark.

    Captura de pantalla que muestra Visual Studio en tema oscuro.

  1. Abra Visual Studio. En la ventana de inicio, seleccione Continuar sin código.

    Captura de pantalla de la pantalla Inicio de Visual Studio, con el vínculo Continuar sin código resaltado.

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

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

    Captura de pantalla que muestra cómo cambiar el tema de color a Azul en Visual Studio.

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

    Captura de pantalla que muestra Visual Studio en el tema azul.

Selección de la configuración del entorno

Puede configurar Visual Studio para usar las opciones de entorno adaptadas a los desarrolladores de Visual Basic.

  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, seleccione si desea guardar la configuración actual antes de restablecerla. Si no ha personalizado ninguna configuración, seleccione No, simplemente restablezca la configuración, sobrescribiendo mi configuración actual. A continuación, seleccione Siguiente.

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

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

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

Creación de un programa

Profundice y cree un programa sencillo.

  1. En la barra de menús de Visual Studio, elija Archivo>Nuevo>Proyecto. (Como alternativa, presione Ctrl+Mayús+N).

    Captura de pantalla de la selección Archivo > Nuevo > Proyecto de la barra de menú de Visual Studio 2019.

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

  2. 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ó. Para filtrar aún más los resultados de la plantilla, elija Visual Basic en la lista desplegable Todos los idiomas, Windows en la lista Todas las plataformas y Console de la lista Todos los tipos de proyecto.

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

    Captura de pantalla de la ventana

  3. En la ventana Configurar el nuevo proyecto, escriba HelloWorld en el cuadro Nombre del proyecto, y si lo desea, modifique la ubicación del directorio para los archivos del proyecto (la configuración regional predeterminada es C:\Users\<name>\source\repos) y, a continuación, seleccione Siguiente.

    Captura de pantalla que muestra el cuadro de diálogo Configurar el nuevo proyecto en Visual Studio 2019 y las opciones que se van a establecer, incluido el nombre del proyecto y la ubicación del proyecto.

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

    Captura de pantalla de la ventana

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

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

    Captura de pantalla que muestra el IDE de Visual Studio.

    El código de Visual Basic para la aplicación aparece en la ventana del editor, 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, lo que ayuda a minimizar el desorden en pantalla. Los archivos del proyecto se muestran en el lado derecho en una ventana denominada 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 vamos a continuar por ahora.

  5. Ahora, inicie la aplicación. Para iniciar el proceso, seleccione 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 menú Depurar > Iniciar sin depuración.

    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 de la consola que muestra el mensaje Hola mundo.

  6. Para cerrar la ventana de la consola, presione cualquier tecla en el teclado.

  7. Vamos a agregar código más a la aplicación. Agregue el siguiente código de Visual Basic antes de la línea que indica Console.WriteLine("Hello World!"):

    Console.WriteLine("What is your name?")
    Dim name = Console.ReadLine()
    

    Este código muestra ¿Cuál es tu nombre? en la ventana de la consola y, a continuación, espera hasta que el usuario escriba algún texto seguido de la tecla Entrar.

  8. Cambie la línea que indica Console.WriteLine("Hello World!") al código siguiente:

    Console.WriteLine("Hello " + name + "!")
    
  9. Vuelva a ejecutar la aplicación presionando Ctrl+F5.

    Visual Studio vuelve a generar la aplicación y se abre una ventana de consola y le pide su nombre.

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

    Captura de pantalla de la ventana de consola que muestra la pregunta

  11. Presione cualquier tecla para cerrar la ventana de la consola y detener el programa en ejecución.

  1. En la barra de menús de Visual Studio, elija Archivo>Nuevo>Proyecto. También puede presionar Ctrl+Mayús+N.

    Captura de pantalla de la selección Archivo > Nuevo > Proyecto de la barra de menú de Visual Studio.

    Se abre la ventana Crear un nuevo proyecto y se muestran varias plantillas de proyecto . Una plantilla contiene los archivos básicos y la configuración que requiere un tipo de proyecto determinado.

  2. Para buscar una plantilla, puede introducir o escribir palabras clave en el cuadro de búsqueda. La lista de plantillas disponibles se filtra según las palabras clave que escriba. Puede filtrar aún más los resultados de la plantilla eligiendo Visual Basic 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 de Visual Basic y luego seleccione Siguiente.

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

  3. En la ventana Configura tu nuevo proyecto, escriba HelloWorld en el cuadro Nombre del proyecto. De manera opcional, cambie la ubicación del directorio del proyecto desde la ubicación predeterminada de C:\Users\<nombre>\source\reposy, a continuación, seleccione Siguiente.

    Captura de pantalla de la ventana Configurar el nuevo proyecto con el nombre de proyecto HelloWorld especificado.

  4. En la ventana Información adicional, compruebe que .NET 8.0 aparece en el menú desplegable Marco de destino y, a continuación, seleccione Crear.

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

    Visual Studio crea el proyecto. El programa es una sencilla aplicación "Hola mundo" que llama al método Console.WriteLine() para mostrar la cadena Hello, World! en una 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.vb. El código de Visual Basic para la aplicación se abre en la ventana del editor central, que ocupa la mayor parte del espacio.

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

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

    Las líneas discontinuas verticales pequeñas del código indican la estructura de código o los bloques de código que van juntos. También puede seleccionar 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 de código le permite ocultar el código que no es necesario ver, lo que ayuda a minimizar el desorden en pantalla.

    Captura de pantalla que muestra visual Studio I D E con cuadros rojos.

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

  5. 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 tienes una aplicación funcionando!

    Captura de pantalla de la ventana Consola de depuración que muestra la salida Hello World. y Presione cualquier tecla para cerrar esta ventana.

  6. Para cerrar la ventana de la consola, presione cualquier tecla.

  7. Vamos a agregar más código a la aplicación. Agregue el siguiente código de Visual Basic antes de la línea que indica Console.WriteLine("Hello World!"):

    Console.WriteLine("What is your name?")
    Dim name = Console.ReadLine()
    

    Este código muestra ¿Cuál es el nombre? en la ventana de la consola y, a continuación, espera hasta que el usuario escriba algún texto.

  8. Cambie la línea que dice Console.WriteLine("Hello World!") a la siguiente línea:

    Console.WriteLine("Hello " + name + "!")
    
  9. Vuelva a ejecutar la aplicación seleccionando Depurar>Iniciar sin depurar o presionando Ctrl+F5.

    Visual Studio vuelve a generar la aplicación y se abre una ventana de consola y le pide su nombre.

  10. Escriba el nombre en la ventana de la consola y presione Escriba.

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

  11. Presione cualquier tecla para cerrar la ventana de la consola y detener el programa en ejecución.

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.

En primer lugar, cambie el nombre de la variable name:

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

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

  2. Seleccione 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 en Visual Studio.

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

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

Ahora eche un vistazo a IntelliSense.

  1. Debajo de la línea que indica Console.WriteLine("Hello " + username + "!"), escriba el código siguiente:

    Dim now = Date.
    

    Un cuadro muestra los miembros de la clase DateTime. La descripción del miembro seleccionado actualmente también se muestra en un cuadro independiente.

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

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

  2. Seleccione el miembro denominado Now, que es una propiedad de la clase. Haga doble clic en Now o seleccione esta opción y presione TAB.

  3. Debajo de esa línea, escriba las siguientes líneas de código:

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

    Sugerencia

    Console.Write es diferente de Console.WriteLine en que no agrega un terminador de línea después de imprimir. 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 en el código para ver sus descripciones.

A continuación, vuelva a usar la refactorización para que el código sea un poco más conciso.

  1. Seleccione la variable now en la línea Dim now = Date.Now. Aparece un icono de destornillador en el margen de esa línea.

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

  3. Seleccione variable temporal en línea para refactorizar el código.

  4. Vuelva a ejecutar el programa presionando Ctrl+F5. La salida tiene un aspecto similar al siguiente:

    Captura de pantalla de la ventana de la consola de depuración que muestra el mensaje solicitando un nombre, la entrada y la salida.

  1. Seleccione la variable now en la línea Dim now = Date.Now. Aparece un icono de bombilla en el margen de esa línea.

  2. Seleccione el icono de bombilla para ver las sugerencias disponibles en Visual Studio. En este caso, se muestra la refactorización de la 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.

  3. Seleccione variable temporal en línea para refactorizar el código.

  4. Vuelva a ejecutar el programa presionando Ctrl+F5. La salida tiene un aspecto similar al siguiente:

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

Depurar código

Al escribir código, debe ejecutarlo y probarlo en busca de errores. El sistema de depuración de Visual Studio le permite avanzar por el código una instrucción a la vez e inspeccionar las variables a medida que progresa. 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 mientras se ejecuta el código.

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

  1. Establezca un punto de interrupción sobre la línea de código que dice Console.WriteLine("Hello " + username + "!") haciendo clic en el margen izquierdo, o en la canaleta, junto a la línea. También puede seleccionar la línea de código y, a continuación, presionar F9.

    Aparece un círculo rojo en el canalón y la línea está resaltada.

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

    Captura de pantalla que muestra un punto de interrupción en una línea de código en 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 pida su nombre, escriba su nombre.

    El foco vuelve al editor de código de Visual Studio y la línea de código con el punto de interrupción está resaltada en amarillo. El resaltado amarillo significa que esta línea de código se ejecuta a continuación. El punto de interrupción hace que la aplicación detenga la ejecución en esta línea.

  4. Mantenga el mouse 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 F5 de nuevo para terminar de ejecutar la aplicación.

Una vez que se ejecuta la aplicación, puedes aplicar cambios de código a la aplicación en ejecución haciendo clic en el botón Recarga activa.

captura de pantalla de recarga activa en Visual Studio 2022.

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