Compartir vía


Tutorial: Aprenda a usar el editor de código con Visual Basic

En este tutorial, probará el editor de código en Visual Studio. Agregará código a un archivo para aprender algunas de las formas en que Visual Studio facilita la escritura, navegación y comprensión del código de Visual Basic.

En este artículo se da por supuesto que ya está familiarizado con Visual Basic. Si no lo está, es posible que quiera empezar con un tutorial como Creación de una sencilla aplicación de consola de Visual Basic (VB).

Para completar este tutorial, asegúrese de que tiene seleccionada la configuración de Visual Basic para Visual Studio. Para obtener información sobre cómo seleccionar la configuración del entorno de desarrollo integrado (IDE), consulte Seleccionar configuración de entorno.

Si todavía no ha instalado Visual Studio, vaya a la página de descargas de Visual Studio para instalarlo de forma gratuita.

Creación de un archivo de código

Empiece por crear un archivo y agregarle código.

  1. Abra Visual Studio. Presione Esc o seleccione Continuar sin código en la ventana de inicio para abrir el entorno de desarrollo.

  2. En el menú de Archivo en la barra de menús, seleccione Nuevo archivo.

  3. En el cuadro de diálogo Nuevo archivo, en la categoría General, seleccione Clase de Visual Basic y luego seleccione Abrir.

    Se abre un nuevo archivo en el editor con el esqueleto de una clase de Visual Basic. (Ya puede observar que no tiene que crear un proyecto completo de Visual Studio para obtener algunas de las ventajas que proporciona el editor de código, como el resaltado de sintaxis. Todo lo que necesita es un archivo de código).

    Captura de pantalla de un nuevo archivo de clase de Visual Basic en el editor de código de Visual Studio.

  1. Abra Visual Studio. Presione Esc o seleccione Continuar sin código en la ventana de inicio para abrir el entorno de desarrollo.

  2. En el menú de Archivo en la barra de menús, seleccione Nuevo archivo.

  3. En el cuadro de diálogo Nuevo archivo, en la categoría General, seleccione Clase de Visual Basic y luego seleccione Abrir.

    Se abre un nuevo archivo en el editor con el esqueleto de una clase de Visual Basic. (Ya puede observar que no tiene que crear un proyecto completo de Visual Studio para obtener algunas de las ventajas que proporciona el editor de código, como el resaltado de sintaxis. Todo lo que necesita es un archivo de código).

    Captura de pantalla de un nuevo archivo de clase de Visual Basic en el editor de código de Visual Studio.

Uso de fragmentos de código

Visual Studio proporciona fragmentos de código que puede usar para generar rápida y fácilmente bloques de código utilizados con frecuencia. fragmentos de código están disponibles para varios lenguajes de programación, como Visual Basic, C#y C++. Ahora agregará el fragmento de código Sub de Visual Basic al archivo.

  1. Coloque el cursor encima de la línea que dice End Classy escriba sub.

    Aparece un cuadro de diálogo emergente con información sobre la palabra clave Sub y cómo insertar el fragmento de código Sub.

    Captura de pantalla de IntelliSense para un fragmento de código Sub en Visual Studio.

  2. Presione pestaña dos veces para insertar el fragmento de código.

    El esquema del procedimiento Sub MySub() se agrega al archivo.

Los fragmentos de código disponibles varían para diferentes lenguajes de programación. Para ver los fragmentos de código disponibles para Visual Basic, elija Editar>IntelliSense>Insertar fragmento (o presione Ctrl+K, Ctrl+X). Para Visual Basic, los fragmentos de código están disponibles para las siguientes categorías:

Captura de pantalla en la que se muestra la ventana Insertar fragmento de código con una lista de carpetas de categorías que contienen fragmentos de código de Visual Basic.

Hay fragmentos de código para determinar si existe un archivo en el equipo, escribir en un archivo de texto, leer un valor del Registro, ejecutar una consulta SQL, crear una instrucción For Each...Next, y muchas más.

  1. Coloque el cursor encima de la línea que dice End Classy escriba sub.

    Aparece una ventana emergente con información sobre la palabra clave Sub y cómo insertar el fragmento de código Sub.

    Captura de pantalla de IntelliSense para un fragmento de código Sub en Visual Studio.

  2. Seleccione pestaña dos veces para insertar el fragmento de código.

    El esquema del procedimiento Sub MySub() se agrega al archivo.

Los fragmentos de código disponibles varían para diferentes lenguajes de programación. Puede ver los fragmentos de código disponibles para Visual Basic haciendo clic con el botón derecho en el editor de código y seleccionando Fragmento de código>Insertar fragmento de código (o presionando Ctrl+K, Ctrl+X). Para Visual Basic, los fragmentos de código están disponibles para las siguientes categorías:

Captura de pantalla que muestra la ventana Insertar fragmento de código con una lista de carpetas de categorías que contienen fragmentos de código de Visual Basic.

Marcar código como comentario

En esta sección, comentarás algo de código.

Captura de pantalla de la barra de herramientas de Visual Studio, que incluye botones para agregar y quitar comentarios de código.

  1. Pegue el código siguiente en el cuerpo del procedimiento MySub().

    ' _words is a string array that we'll sort alphabetically
    Dim _words = New String() {
    "the",
    "quick",
    "brown",
    "fox",
    "jumps"
    }
    
    Dim morewords = New String() {
    "over",
    "the",
    "lazy",
    "dog"
    }
    
    Dim query = From word In _words
                Order By word.Length
                Select word
    
  2. Supongamos que no usa la matriz de morewords, pero puede usarla más adelante, por lo que no desea eliminarla. En su lugar, lo que haremos será convertir esas líneas en comentarios. Seleccione toda la definición de morewords hasta la llave de cierre y, luego, seleccione el botón Marcar como comentario las líneas seleccionadas en la barra de herramientas. Si prefiere usar el teclado, seleccione Ctrl+K, Ctrl+C.

    Captura de pantalla de la barra de herramientas. El botón para comentar el código está resaltado en rojo.

    El carácter de comentario de Visual Basic ' se agrega al principio de cada línea seleccionada para comentar el código.

Captura de pantalla de la barra de herramientas de Visual Studio, que incluye botones para agregar y quitar comentarios de código.

  1. Pegue el código siguiente en el cuerpo del procedimiento MySub().

    ' _words is a string array that we'll sort alphabetically
    Dim _words = New String() {
    "the",
    "quick",
    "brown",
    "fox",
    "jumps"
    }
    
    Dim morewords = New String() {
    "over",
    "the",
    "lazy",
    "dog"
    }
    
    Dim query = From word In _words
                Order By word.Length
                Select word
    
  2. Supongamos que no usa la matriz de morewords, pero puede usarla más adelante, por lo que no desea eliminarla. En su lugar, lo que haremos será convertir esas líneas en comentarios. Seleccione toda la definición de morewords hasta la llave de cierre y, luego, seleccione el botón Marcar como comentario las líneas seleccionadas en la barra de herramientas. Si prefiere usar el teclado, seleccione Ctrl+K, Ctrl+C.

    Captura de pantalla de la barra de herramientas. El botón para comentar el código está resaltado en rojo.

    El carácter de comentario de Visual Basic ' se agrega al principio de cada línea seleccionada para comentar el código.

Contraer bloques de código

Puede contraer secciones de código para centrarse solo en las partes que sean de su interés. Para practicar, intente contraer la matriz de _words a una línea de código. Seleccione el cuadradito con el signo menos que se ve en el margen de la línea Dim _words = New String() {. O bien, si es usuario de teclado, coloque el cursor en cualquier parte de la definición de matriz y seleccione Ctrl+M, Ctrl+M.

Captura de pantalla del editor de Visual Studio Code. El botón para contraer el contorno de una sección de código está resaltado en rojo.

El bloque de código se contrae para mostrar solo la primera línea, seguida de puntos suspensivos (...). Para expandir el bloque de código, seleccione el mismo cuadro, que ahora tiene un signo más, o bien seleccione Ctrl+M, Ctrl+M de nuevo. Esta característica se denomina esquematización y es especialmente útil cuando se contraen métodos muy largos o clases enteras.

Puedes contraer secciones de código para centrarse únicamente en las partes que te interesan. Para practicar, intente contraer la matriz de _words a una línea de código. Seleccione la flecha hacia abajo en el margen de la línea que indica Dim _words = New String() {. O bien, si es usuario de teclado, coloque el cursor en cualquier parte de la definición de matriz y seleccione Ctrl+M, Ctrl+M.

Captura de pantalla del editor de Visual Studio Code. El botón para contraer el contorno de una sección de código está resaltado en rojo.

El bloque de código se contrae hasta solo la primera línea, y se sigue de puntos suspensivos (...). La flecha hacia abajo del margen es ahora una flecha que apunta a la derecha. Para expandir el bloque de código, seleccione la flecha > o presione Ctrl+M, Ctrl+M de nuevo. Esta característica se denomina esquematización y es especialmente útil cuando se contraen métodos muy largos o clases enteras.

Ver definiciones de símbolos

El editor de Visual Studio facilita la inspección de la definición de un tipo o miembro de clase. Para ello, vaya al archivo que contiene la definición; por ejemplo, haga clic con el botón derecho y seleccione Ir a definición en cualquier lugar al que se haga referencia al símbolo. Otra más rápida aún (y que no desplaza el enfoque del archivo en el que está trabajando) es usar Ver la definición. Ahora verá la definición del tipo String.

  1. Haga clic con el botón derecho en la palabra String y seleccione Ver definición. O presione alt+F12.

    Aparece una ventana emergente que contiene la definición de la clase String. Puede desplazarse dentro de la ventana emergente o incluso ver la definición de otro tipo desde el código inspeccionado.

    Captura de pantalla de una ventana emergente de Vista Previa de Definición que contiene la definición de la clase String.

  2. Cierre la ventana Ver definición seleccionando el botón Cerrar situado en la esquina superior derecha de la ventana emergente.

El editor de Visual Studio facilita la inspección de la definición de un tipo o miembro de clase. Para ello, vaya al archivo que contiene la definición; por ejemplo, haga clic con el botón derecho y seleccione Ir a definición en cualquier lugar al que se haga referencia al símbolo. Otra más rápida aún (y que no desplaza el enfoque del archivo en el que está trabajando) es usar Ver la definición. Ahora veréis la definición del tipo String.

  1. Haga clic con el botón derecho en la palabra String y seleccione Ver definición. O presione alt+F12.

    Aparece una ventana emergente que contiene la definición de la clase String. Puede desplazarse dentro de la ventana emergente o incluso ver la definición de otro tipo desde el código inspeccionado.

    Captura de pantalla de una ventana emergente de Vista Previa de Definición que contiene la definición de la clase String.

  2. Cierre la ventana Ver definición seleccionando el botón Cerrar situado en la esquina superior derecha de la ventana emergente.

Uso de IntelliSense para completar palabras

IntelliSense es un recurso valioso al codificar. Puede mostrar información sobre los miembros disponibles de un tipo o detalles de parámetros para diferentes sobrecargas de un método. También puede usar IntelliSense para completar una palabra después de escribir suficientes caracteres para eliminar la ambigüedad. Ahora vas a agregar una línea de código para imprimir las cadenas ordenadas en la ventana de la consola, que es el lugar estándar al que va la salida de un programa.

  1. Debajo de la variable query, empiece a escribir el código siguiente:

    For Each str In qu
    

    Verá cómo IntelliSense muestra Información rápida sobre el símbolo query.

    Captura de pantalla de la ventana de finalización de palabras de IntelliSense para la palabra

  2. Presione Tab para insertar el resto de la palabra query por medio de la funcionalidad de finalización de palabras de IntelliSense.

  3. Finalice el bloque de código para que tenga un aspecto similar al código siguiente.

    For Each str In query
        Console.WriteLine(str)
    Next
    

IntelliSense es un recurso valioso al escribir el código. Puede mostrar información sobre los miembros disponibles de un tipo o detalles de parámetros para diferentes sobrecargas de un método. También puede usar IntelliSense para completar una palabra después de escribir suficientes caracteres para eliminar la ambigüedad. Ahora agregará una línea de código para imprimir las cadenas ordenadas en la ventana de la consola, que es el lugar estándar para la salida del programa.

  1. Debajo de la variable query, empiece a escribir el código siguiente:

    For Each str In qu
    

    IntelliSense muestra información rápida sobre el símbolo de query.

    Captura de pantalla de la ventana de finalización de palabras de IntelliSense para la palabra

  2. Para insertar el resto de la palabra query mediante la funcionalidad de finalización de palabras de IntelliSense, seleccione pestaña.

  3. Finalice el bloque de código para que tenga un aspecto similar al código siguiente.

    For Each str In query
        Console.WriteLine(str)
    Next
    

Refactorizar un nombre

Nadie obtiene código justo la primera vez, y una de las cosas que podría tener que cambiar es el nombre de una variable o método. Ahora probará la funcionalidad de refactorización de Visual Studio para cambiar el nombre de la variable _words a words.

  1. Haga clic con el botón derecho en la definición de la variable _words y seleccione Cambiar nombre.

    Aparece una ventana Cambiar nombre en la esquina superior derecha del editor.

  2. Con la variable _words aún seleccionada, escriba el nombre deseado: palabras. Observe que la referencia a words de la consulta se cambia automáticamente. Antes de presionar Entrar o seleccionar Aplicar, active la casilla Incluir comentarios en la ventana Cambiar nombre.

    Captura de pantalla de la ventana Cambiar nombre de la variable

  3. Presione Introducir o seleccione Aplicar.

    Ambas instancias de words cambian de nombre, así como la referencia a words en el comentario de código.

Nadie obtiene código justo la primera vez, y una de las cosas que podría tener que cambiar es el nombre de una variable o método. Ahora vas a probar la funcionalidad de refactorización de de Visual Studio para renombrar la variable de _words a words.

  1. Haga clic con el botón derecho en la definición de la variable _words y seleccione Cambiar nombre.

    Aparece una ventana de cambio de nombre.

  2. Con la variable _words aún seleccionada, escriba el nombre deseado: palabras. Observe que la referencia a words de la consulta se cambia automáticamente. Antes de seleccionar Entrar, active la casilla Incluir comentarios en la ventana Cambiar nombre.

    Captura de pantalla de la ventana Cambiar nombre. La casilla

  3. Seleccione Escriba.

    Ambas instancias de words cambian de nombre, así como la referencia a words en el comentario de código.

Paso siguiente