Componentes y Herramientas de Visual Studio
El Entorno de Desarrollo Integrado (IDE: sigla en inglés de integrated development
environment) es un entorno de programación que ha sido empaquetado como un
programa de aplicación; es decir, consiste en un editor de código, un compilador, un
depurador y un constructor de interfaz gráfica (GUI). Los IDE proveen un marco de
trabajo amigable para la mayoría de los lenguajes de programación y lo conforman las
ventanas, herramientas, barras de menús y opciones que se cargan al momento de iniciar
Visual Studio. Este IDE es común para todos los lenguajes. Al momento de iniciarlo no se
selecciona la herramienta de trabajo y esta abre el entorno de programación, sino que
directamente se abre el IDE y posteriormente elegiremos el lenguaje con el que vamos a
escribir el programa. Para cargar el IDE, carga desde el menú inicio o desde el escritorio
según tu sistema operativo: Visual Studio 2012. Cargará la siguiente ventana:
Estudiaremos a continuación cada uno de los elementos que la conforman.
1.1.1 Componentes del IDE
Todo entorno de desarrollo dispone de los siguientes componentes:
Un editor de texto: No es lo mismo que un procesador de textos. es un programa
que permite crear y modificar archivos digitales compuestos únicamente por texto sin
formato, conocidos comúnmente como archivos de texto o texto plano; es el lugar
donde escribirás el código que permitirá agregar funcionalidad a un programa u
objeto. En un programa de consola se verá así:
Un compilador: Un compilador es un programa informático que traduce un
programa escrito en un lenguaje de programación a otro lenguaje de programación,
generando un programa equivalente que la máquina será capaz de interpretar. Este
proceso de traducción se conoce como compilación. De esta manera un programador
puede diseñar un programa en un lenguaje mucho más cercano al pensamiento de
un humano, para luego compilarlo a un programa entendible por una computadora.
Un intérprete: analiza el
programa fuente y lo ejecuta
directamente, sin generar ningún
código equivalente. Su acción
equivale a la de un intérprete
humano, que traduce las frases
que oye sobre la marcha, sin
producir ningún escrito
permanente. Intérpretes y
compiladores tienen diversas
ventajas e inconvenientes que los
hacen complementarios:
Un intérprete facilita la búsqueda de errores, pues la ejecución de un
programa puede interrumpirse en cualquier momento para estudiar el
entorno (valores de las variables, etc.). Además, el programa puede
modificarse sobre la marcha, sin necesidad de volver a comenzar la
ejecución.
Un compilador suele generar programas más rápidos y eficientes, ya que
el análisis del lenguaje fuente se hace una sola vez, durante la generación
del programa equivalente. En cambio, un intérprete se ve obligado
generalmente a analizar cada instrucción tantas veces como se ejecute
(incluso miles o millones de veces).
Un depurador: Un depurador (en inglés, debugger), es un programa usado para
probar y depurar (eliminar los errores) un programa. El código a ser examinado
puede alternativamente estar corriendo en un simulador de conjunto de
instrucciones (ISS), una técnica que permite gran potencia en su capacidad de
detenerse cuando son encontradas condiciones específicas.
1.1.2 Herramientas.
A-Cuadro de herramientas
El cuadro o barra de herramientas de Visual Studio
2012, nos permite utilizar los distintos componentes
que .NET Framework pone a nuestra disposición.
Dentro de Visual Studio 2010 tenemos una gran
cantidad de controles dispuestos en diferentes
categorías. Entre ellos tenemos: controles comunes,
generación de informes, contenedores, menús y barras
de herramientas, datos, componentes, impresión y
Cuadros de Dialogo. En posteriores unidades
estudiaremos estos controles.
B-Explorador de soluciones
El Explorador de soluciones lo podemos
encontrar en la parte superior derecha de
nuestro entorno de desarrollo.
Una solución se compone de proyectos y
éstos, de recursos y objetos. Por lo general,
una solución contendrá un proyecto, pero
podemos encontrarnos con más de un proyecto dentro de una misma solución.
C-Propiedades
La ventana de propiedades la
encontraremos en la parte derecha y
más abajo de la ventana Explorador
de soluciones en nuestro entorno
de desarrollo.
Esta ventana nos permitirá acceder a
las propiedades de los objetos
insertados en nuestros formularios
Windows, como se muestra en la
figura.
Para acceder a las propiedades de un
determinado control, deberemos
seleccionar el control en el formulario Windows y acudir a la ventana Propiedades, o
bien, seleccionar el control en el formulario Windows y presionar la tecla F4.
D-Menús y Barras de Herramientas
Respecto a los menús y barra de botones, son muchas las opciones que tenemos
disponibles, tal como podemos comprobar en la figura.
Las barras de botones son configurables, además de que podemos elegir las que
queremos que se muestren de forma permanente en el entorno de desarrollo de Visual
Studio 2012.
Algunas de las barras de botones se mostrarán automáticamente según las tareas que
estemos realizando, por ejemplo, cuando estamos en modo depuración o diseñando las
tablas de una base de datos.
Con el contenido de los menús ocurre lo mismo, según el elemento que tengamos
seleccionado se mostrarán ciertas opciones que sea relevantes para ese elemento del
IDE.
Algunas de las opciones que tenemos en los menús también las podemos conseguir
usando los menús contextuales (el mostrado al presionar con el botón secundario del
mouse), y como es de esperar, también serán diferentes según el elemento sobre el que
hemos presionado.
Por ejemplo, para configurar el proyecto actual, podemos elegir la opción Propiedades
del menú Proyecto o bien presionar con el botón secundario del mouse sobre el proyecto
mostrado en el Explorador de soluciones.
Al seleccionar las propiedades del proyecto, tendremos una nueva ventana desde la que
podemos configurar algunas de las características de nuestro proyecto. En la siguiente
figura, tenemos esa ventana de propiedades del proyecto, en la que podemos apreciar
que está dividida según el tipo de configuración que queremos realizar, en este caso
concreto las opciones de generación o compilación del proyecto.
E- VENTANA DE ERRORES
Cuando ejecutas un programa, el compilador y el intérprete hacen su trabajo. En el
momento que inicias la ejecución el compilador traduce el código a lenguaje máquina,
el intérprete analiza el código fuente y lo ejecuta, el depurador evaluará línea por línea
para buscar errores, si los errores evitan que el programa se ejecute, se mostrarán en la
ventana de errores, como se ve en la siguiente imagen:
En caso de que el programa no encuentre errores al principio, pero los encuentre
durante la ejecución, la ejecución se pausa para pedirte que corrijas los errores antes de
continuar, veras un mensaje similar al siguiente:
F- AYUDA CON INTELLISENSE
Mientras escribes el código de un programa tendrás disponible la ayuda IntelliSense,
esta es la aplicación de autocompletar, mejor conocido por su utilización en Microsoft
Visual Studio. Además de completar el símbolo de los nombres que el programador está
escribiendo, IntelliSense sirve como documentación y desambiguación de los nombres
de variables, funciones y métodos de utilización. Significa que mientras escribes código
IntelliSense te sugiere la sintaxis según lo que vas escribiendo además de proporcionarte
documentación, observarás algo como muestra la imagen, en este caso escribía String:
1.2. Creación de la primera aplicación para Windows
Una de las primeras acciones que sueles realizar cuando te enfrentas a un nuevo lenguaje
de programación, es la escritura de un programa que muestre el clásico mensaje “Hola
Mundo” por pantalla. Procederás a dar tu primer paso escribiendo este sencillo
programa para familiarizarte con los componentes del IDE.
1. Ingresa a Visual Studio
2. Da clic en el menú Archivo y Selecciona Nuevo Proyecto
3. En la opción plantillas, elige Visual Basic y a continuación elija Aplicación de
consola como muestra la siguiente imagen:
4. Colocaremos el nombre del proyecto: ConsoleApplication_Hola_Mundo y da
clic en Aceptar.
Cargará la ventana del IDE y observará lo siguiente:
1
2
5. Como ya habíamos estudiado, el área enmarcada en la imagen es la que
llamamos: Editor de código. Es ahí donde escribiremos las líneas que conforman
nuestro primer programa, escribe las siguientes líneas entre las palabras Sub
Main y End Sub tal como se muestra a continuación:
6. En el explorador de soluciones podrás visualizar los
archivos correspondientes a este proyecto:
7. El archivo que modificaste en el paso anterior es el
Module1.vb
Ahora estudiaremos línea por línea el código que ha escrito:
Module Module1:
o Cada programa de consola es un módulo y en este caso Module1 es
automáticamente el nombre que se da a nuestro modulo. Ese nombre
puede cambiarse desde el explorador de soluciones. End Module cierra
el bloque de código para éste módulo. Fuera de este bloque no
escribiremos código.
Sub Main:
o El procedimiento principal donde estamos trabajando, todo el código
reconocible por el compilador debe quedar entre las líneas Sub Main y
End Sub donde terminamos el bloque de este procedimiento.
Console.WriteLine:
o Instrucción que permite mandar a imprimir una línea en pantalla, la
instrucción debe ir entre paréntesis y comillas, como en nuestro caso
(“Hola Mundo”)
Console.Read:
o Lee datos ingresados por el usuario, en este caso lo utilizamos para que
la ventana se mantenga visible mientras vemos el mensaje, pues en caso
contrario se mostraría por espacio de un segundo y se cierra
automáticamente sin que podamos visualizar el resultado.
1.3 Depuración de Programas
Ahora que ya tenemos nuestro primer programa, vamos a depurarlo para detectar y
corregir errores y al mismo tiempo verificar su funcionamiento.
Utilizaremos nuestro proyecto Hola Mundo. Si no lo tienes abierto, selecciona Menú
Archivo—Abrir proyecto--- y busca en la ruta donde quedan almacenados los
proyectos automáticamente:
C:\Users\...\Documents\Visual Studio 2012\Projects
Donde los puntos suspensivos indican tu nombre de usuario.
En el cuadro de dialogo abrir proyecto, una vez que llegues a la carpeta Projects busca
la carpeta
ConsoleApplication_Hola_Mundo que es la
carpeta de tu proyecto, dentro de ella debes
dar doble clic en el icono
Una vez que tienes cargado el proyecto, en el menú depuración encontrarás diferentes
opciones:
En la barra de herramientas estándar encontramos también el icono iniciar depuración,
podríamos depurar y ejecutar nuestro programa desde ahí o presionando F5; tendríamos
los mismos resultados que seleccionándolo desde el menú Depurar.
Para depurar el proyecto ejecuta los siguientes pasos:
1. Da clic en el menú Depurar (el que observas en la imagen anterior)
2. Elige Iniciar Depuración
Si has seguido al pie de la letra las indicaciones, observaras en la barra de estado (parte
inferior del programa) un mensaje de color anaranjado con la palabra Listo, eso significa
que el proceso de compilación y depuración no detectó errores. Tendrás en pantalla tu
primer programa escrito con Visual Basic, lo veras en una ventana como la siguiente:
Si por el contrario el proceso de compilación detecta algunos errores, te lo indicará en la
barra de estado con la frase: error al compilar, te indica también la línea donde se
encontró el error y te preguntará si quieres ejecutar la versión anterior (si la hubiera)
observaras una ventana como la siguiente:
Debes corregir estos errores antes de continuar con la depuración. Es importante que
recuerdes que mientras estas ejecutando un programa la mayoría de opciones de menú
se desactivan. Ahora que ya hiciste tu primer programa cierra la ventana de consola para
asegurarte que no quede cargada en ejecución en el escritorio, en caso contrario no
podrás continuar editando el programa. Mientras el programa está en ejecución,
observaras el siguiente icono en la barra de tareas
1.4. Trabajo con menús, barras de herramientas y
cuadros de diálogo
En esta sección aprenderás a utilizar los diferentes menús y barras de herramientas más
comunes de Visual Basic, así como a personalizar el IDE según tus preferencias o
utilidad.
BARRA DE TITULO: Muestra el nombre del proyecto con el que estamos trabajando y
el nombre de la aplicación, en este caso: ConsoleApplication_Hola_Mundo es nuestro
proyecto y a continuación vemos: Visual Studio 2012.
BARRA DE MENU: Es el acceso principal a todas las funciones, opciones y herramientas
que encontramos en el IDE y que podemos desplegar haciendo clic en cada opción de
menú.
Si por ejemplo desplegamos el menú Archivo encontraremos las opciones disponibles
y junto a cada una de ellas la combinación de teclas que activa esa opción: Por
ejemplo Ctrl+N para nuevo proyecto.
BARRA DE HERRAMIENTAS ESTANDAR: Contiene los accesos directos a los comandos
más utilizados que se encuentran disponibles en las diferentes opciones del menú y que
ubicados en esta barra ahorran tiempo y facilitan el trabajo del programador:
Si ubicas el puntero del mouse sobre cada icono te indicará su utilidad. Entre los
básicos acá tenemos: Nuevo Proyecto, Abrir, Guardar, Guardar Todo, Iniciar Depuración.
CONFIGURAR LAS BARRAS Y ELEMENTOS DEL IDE
Todos los elementos que ya hemos descrito del IDE tienen diferentes opciones para
personalizarlos a tu gusto. Encontraras las opciones:
1. Hacer Flotante: Permite movilizar (arrastrar) el elemento (propiedades, cuadro
de herramientas, etc) de manera flotante en la ventana principal.
2. Acoplar: Permite ubicar el elemento en un lugar específico de la ventana
principal para que no se movilice. Presentando las diferentes posiciones a las
cuales se puede arrastrar el elemento, como muestra la figura:
3. Acoplar como organización por Fichas: Ubica el elemento en una ficha y se
muestra en el espacio central donde elegimos, formularios, módulos o el
archivo que estemos trabajando:
Posiciones para acoplar
4. Ocultar automáticamente: Oculta el elemento y lo ubica a los costados derecho
o izquierdo del IDE según el elemento ocultado, basta con dar clic sobre el
nombre para volver a hacerlo visible, en la siguiente imagen puedes observar la
ventana de propiedades, el explorador de soluciones, el origen de datos y el
cuadro de herramientas plegados después de elegir la opción ocultar
automáticamente.
5. Ocultar: cierra el elemento de la ventana principal en caso que no lo estemos
necesitando. Si ocultas un elemento por error, puedes hacerlo visible nuevamente
desde el menú ver o las combinaciones de tecla que se muestran en el menú, a
continuación te mostramos los de uso común: