Tutorial para Microsoft Visual Studio

Un entorno de desarrollo integrado (IDE) permite a los programadores de código de software de forma rápida usando una interfaz gráfica de usuario (GUI). Microsoft Visual Studio ofrece a los desarrolladores de Microsoft .NET la capacidad de producir aplicaciones de escritorio de próxima generación y la Web de forma rápida. Aunque .NET tiene una curva de aprendizaje, los programadores novatos pueden utilizar Visual Studio para crear páginas Web HTML simple. desarrolladores experimentados pueden explorar las funciones avanzadas del IDE y de diseño de las aplicaciones más complejas.

Instrucciones

Crear un proyecto

1 Visita el sitio de descarga de Visual Studio (ver Recursos) y haga clic en "Descargar". Siga las instrucciones de instalación que ofrece Microsoft para instalar el software.

2 Abra Visual Studio después de la instalación y haga clic en "Nuevo proyecto". La ventana de "Nuevo proyecto" se abrirá. Esta ventana contiene dos paneles. Un panel de "plantilla" de la izquierda contiene plantillas para diferentes tipos de proyectos. Estas plantillas incluyen "Visual Basic", "Visual C #" y "Base de datos".

3 Haga clic en la flecha situada junto a la plantilla "Visual C #" para expandir su árbol. Visual Studio mostrará las categorías de la plantilla, como "Windows", "Web" y "base de datos".

4 Haga clic en la categoría "Web". Una lista de tipos de aplicaciones Web y los controles aparecerá en un panel de la derecha.

5 Haga clic en "Aplicación Web ASP.NET" e introduzca el nombre de "MyProject" en el cuadro de texto "Nombre de archivo". Haga clic en Aceptar." Visual Studio creará una nueva aplicación Web ASP.NET y mostrar la interfaz de usuario.

Editar un archivo

6 Localiza el panel "Explorador de soluciones" en el lado derecho de la pantalla. Este panel contiene la de carpetas, archivos, referencias y las propiedades del proyecto.

7 Haga clic en el archivo "Default.aspx" en el "Explorador de soluciones". código del formato HTML del archivo aparecerá en la ventana de "Edición" en el lado izquierdo de la pantalla.

8 Busque la etiqueta "<div>" en el código y el tipo "Prueba" por debajo de la etiqueta. Haga clic en el botón de "Diseño" en la parte inferior de la pantalla. La ventana de "Diseño" se abrirá y mostrará una vista de diseño de la página Web. Verá la palabra "Prueba".

Explora las Vistas

9 Haga clic en "Ver" en la parte superior de la pantalla y seleccione "Caja de herramientas". Aparecerá el cuadro de herramientas. La caja de herramientas contiene controles como cuadros de texto, botones y controles de datos.

10 Haga doble clic en el control "botón". Aparecerá un botón en la ventana de diseño junto a la palabra "Prueba".

11 Haga doble clic en el botón que ha colocado en la ventana de diseño. Visual Studio creará un evento "al hacer clic" para el botón.

12 Haga clic en el botón "Fuente" en la parte inferior de la pantalla. La ventana de "Edición" volverá a aparecer. Va a ver el código fuente para el control de botón que agregó a la forma.

13 Haga clic en el botón "Split" en la parte inferior de la pantalla. Visual Studio mostrará una vista dividida que muestra la ventana "Edición" en la del "Diseño" ventana en la parte superior e inferior.

14 Busque el archivo denominado "Default.aspx.cs" en el Explorador de soluciones. Este archivo contiene el código C # para la forma "Default.aspx.cs". Haga doble clic en el archivo para mostrar su código C # en la ventana de "Edición".

15 Busque la siguiente bloque de código en la ventana de "Edición":

protegidos void Page_Load (object sender, EventArgs e)

{

}

dieciséis Coloque el siguiente código debajo de ese bloque de código:

protected void Button1_Click (remitente del objeto, EventArgs e)

{

int valor1 = 10;

int valor2 = 20;

int valor3 = 30;

}

Este bloque de código controla el evento clic del botón.

17 Haga clic en "int valor3 = 30" y seleccione "Insertar punto de interrupción." Visual Studio colocará un punto de interrupción en esa línea.

Agregar nuevos elementos

18 Localizar "MyProject" en el "Explorador de soluciones" a la derecha de la pantalla.

19 Haga clic en "MyProject" para mostrar un menú desplegable. Este menú contiene opciones como "Añadir", "Agregar referencia" y "Build".

20 Seleccione "Añadir" y luego en "Nuevo elemento". El "Agregar nuevo elemento" se abrirá. Haga clic en "Formulario Web" e introduzca un nombre (como "Form2") en el cuadro "Nombre". Haga clic en "Añadir". Visual Studio agregará el nuevo formulario para el Explorador de soluciones. Añadir tantos elementos nuevos en el proyecto como lo desee en el uso de este método.

Depurar el proyecto

21 Pulse la tecla "Ctrl + S" para guardar el proyecto.

22 Haga clic en "depuración" en la parte superior de la pantalla.

23 Seleccione "iniciar la depuración". Visual Studio compilar el proyecto y mostrar el formulario predeterminado (Defaut.axpx) en su navegador.

24 Haga clic en el botón de la página web. Visual Studio aparecerá y mostrará el código que agregó en el archivo "Default.aspx.cs". También resaltará la línea en la que colocó el punto de interrupción.

25 Mantenga el cursor del ratón sobre "int valor1 = 10." Visual Studio mostrará el valor almacenado en "valor1". Mientras se depura, mantenga el cursor sobre cualquier variable para examinarlo.

26 Pulse la tecla "F11". Visual Studio avanzará a la siguiente línea de código.

27 Pulse la tecla "F5" de nuevo. Visual Studio procesará todo el código. Volver a su navegador y haga clic en el botón de nuevo para pasar por el proceso de depuración de nuevo.

Consejos y advertencias

• Utiliza la función de "ayuda" de Visual Studio como un tutorial. Cubre todas las características de Visual Studio y contiene código de ejemplo, así como artículos informativos. Los puntos de ruptura son útiles cuando se necesita para dejar de código en un lugar determinado código y examinar las variables. Colocar tantas como puntos de ruptura que necesita en su código para ayudarle a depurar su aplicación.