ELEMENTOS

GENERALES DE LA

INTERFAZ DE

USUARIO soutien-iT; compilación 2014

GUIA DE INTRODUCCION A VISUAL STUDIO

soutien-iT Desarrollo en Visual Studio 2013

1

Elementos generales de la interfaz de usuario (Visual Studio)

Jerarquía de llamadas Representa el conjunto de relaciones de llamador y destinatario en el código.

Visual Studio 2013

La jerarquía de llamadas permite navegar por el código mostrando todas las llamadas a y desde un método,

propiedad, o un constructor seleccionados. Esto permite entender mejor cómo fluye el código y evaluar los efectos

de los cambios que se realizan en el código. Puede examinar varios niveles de código para ver cadenas complejas

de llamadas a métodos y puntos de entrada adicionales al código, lo que le permite explorar todas las posibles

rutas de ejecución.

Jerarquía de llamadas está disponible en tiempo de diseño, a diferencia de la pila de llamadas que muestra el

depurador.

Usar Jerarquía de llamadas Para mostrar la ventana Jerarquía de llamadas, haga clic con el botón secundario en el nombre de una llamada a

un método, propiedad o constructor y, a continuación, haga clic en Ver jerarquía de llamadas.

El nombre del método aparece en un panel de vista de árbol de la ventana Jerarquía de llamadas. Si expande el

nodo del miembro, aparecen los sub-nodos, Llamadas a nombre de miembro y Llamadas desde nombre de

miembro. La ilustración siguiente muestra estos nodos de la ventana Jerarquía de llamadas.

Ventana Jerarquía de llamadas

Si expande el nodo Llamadas a, se muestran todos los miembros que llaman al miembro seleccionado.

Si expande el nodo Llamadas desde, se muestran todos los miembros llamados por el miembro

seleccionado.

A continuación, puede expandir cada uno de estos miembros del sub-nodo en los nodos Llamadas a y Llamadas

desde. Eso le permite navegar a la pila de llamadores, como se muestra en la ilustración siguiente.

2

Ventana Jerarquía de llamadas

En el caso de los miembros que se definen como virtuales o abstractos, aparecen en un nodo Inválido, o nombre

del método. En el caso de los miembros de interfaz, aparece el nodo Implementado con el nombre del método.

Estos nodos expansibles aparecen en el mismo nivel que los nodos Llamadas a y Llamadas desde.

El cuadro Ámbito de búsqueda de la barra de herramientas contiene las opciones Mi solución, Proyecto actual y

Documento actual.

Cuando se selecciona un miembro secundario en el panel de vista de árbol de Jerarquía de llamadas:

En el panel de detalles de Jerarquía de llamadas se muestran todas las líneas de código en las que se llama

a ese miembro secundario desde el miembro primario.

Ventana Definición de código, si está abierta, se muestra el código del miembro seleccionado. Esta

ventana está disponible en C# y C++. Para obtener más información sobre esta ventana, vea Ver la

estructura del código.

Nota

Jerarquía de llamadas no encuentra las referencias del grupo de métodos, que contiene ubicaciones en las que

un método se agrega como controlador de eventos o se asigna a un delegado. Para buscar todas las referencias

a un método, puede usar el comando Buscar todas las referencias.

Elementos del menú contextual En la tabla siguiente se describen varias opciones del menú contextual disponibles al hacer clic con el botón

secundario en un nodo del panel de vista de árbol.

3

Elemento del menú

contextual Descripción

Agregar como nueva

raíz

Agrega el nodo seleccionado al panel de vista de árbol como un nuevo nodo raíz. De este

modo, podrá concentrarse en un subárbol concreto.

Quitar raíz

Quita el nodo raíz seleccionado del panel de vista de árbol. Esta opción solo está disponible

desde un nodo raíz.

También puede usar el botón de la barra de herramientas Quitar raíz para quitar el nodo

raíz seleccionado.

Ir a definición

Ejecuta el comando Ir a definición en el nodo seleccionado. Con esto se navega a la

definición original de una llamada al miembro o definición de variable.

Para ejecutar el comando Ir a definición, también puede hacer doble clic en el nodo

seleccionado o presionar F12.

Buscar todas las

referencias

Ejecuta el comando Buscar todas las referencias en el nodo seleccionado. Esto busca todas

las líneas de código de su proyecto que hacen referencia a una clase o miembro.

También puede usar MAYÚS+F12 para ejecutar el comando Buscar todas las referencias en

el nodo seleccionado.

Copiar Copia el contenido del nodo seleccionado (pero no sus sub-nodos).

Actualizar Contrae el nodo seleccionado de modo que al volver a expandirse muestre la información

actual.

Selector de fragmentos de código Permite seleccionar un fragmento de código o un conjunto de fragmentos de código en el lenguaje de

programación.

Visual Studio 2013

El Editor de código de Visual Studio dispone de un Selector de fragmentos de código que permite, con unos pocos

clics del mouse, insertar bloques de código predefinidos en el documento activo.

El procedimiento para mostrar el Selector de fragmentos de código varía según el lenguaje que esté utilizando.

Visual Basic: haga clic con el botón secundario en la ubicación que desee en el Editor de código para

mostrar el menú contextual y seleccione Insertar fragmento de código.

Visual C#: haga clic con el botón secundario en la ubicación que desee en el Editor de código para mostrar

el menú contextual y haga clic en Insertar fragmento de código o Envolver con.

4

Visual C++: el Selector de fragmentos de código no está disponible.

Visual F# - El Selector de fragmentos de código no está disponible.

JScript -- Haga clic con el botón secundario en la ubicación que desee en el Editor de código para mostrar

el menú contextual, y haga clic en Insertar fragmento de código o Envolver con.

XML: haga clic con el botón secundario en la ubicación que desee en el Editor de código para mostrar el

menú contextual, y haga clic en Insertar fragmento de código o Envolver con.

HTML: haga clic con el botón secundario en la ubicación que desee en el Editor de código para mostrar el

menú contextual, y haga clic en Insertar fragmento de código o Envolver con.

SQL - Haga clic con el botón secundario en la ubicación que desee en el Editor de código para mostrar el

menú contextual y haga clic en Insertar fragmento de código.

En la mayoría de los lenguajes de desarrollo de Visual Studio, puede utilizar el Administrador de fragmentos de

código para agregar carpetas a la Lista de carpetas que el Selector de fragmentos de código busca en archivos de

fragmento XML. También puede crear sus propios fragmentos de código para agregar a la lista. Para obtener más

información, vea Tutorial: Crear un fragmento de código.

Nombre del elemento Un campo de texto modificable que muestra el nombre del elemento seleccionado en la Lista de elementos. Para

realizar una búsqueda incremental del elemento que desea, empiece a escribir su nombre en este campo.

Continúe agregando letras hasta que se seleccione el elemento que desea en la Lista de elementos.

Lista de elementos Una lista de fragmentos de código que se pueden insertar, o una lista de carpetas que contienen fragmentos de

código. Para insertar un fragmento de código o expandir una carpeta, seleccione el elemento que desee y presione

Entrar.

Lista de errores (Ventana) Muestra errores y advertencias de compilación.

Visual Studio 2013

Nota

En este tema se describe la ventana Lista de errores. Si busca información sobre un mensaje de error específico,

copie el número o el texto del error y búsquelo en el motor de búsqueda para obtener más detalles. Puede copiar

el número de error o el texto de la cadena de error de la ventana de salida. Para mostrar la ventana de salida,

presione las teclas Ctrl+Alt+O. Vea Resultados (Ventana).

La ventana Lista de errores permite desarrollar aplicaciones de forma más rápida. Por ejemplo, puede realizar las

tareas siguientes:

5

Mostrar los errores, las advertencias y los mensajes que se generan cuando edita y compila código.

Buscar errores de sintaxis detectados por IntelliSense.

Buscar errores de implementación, ciertos errores de análisis estático y errores detectados mientras se

aplican directivas de Enterprise Templates.

Hacer doble clic en la entrada de cualquier mensaje de error para abrir el archivo donde se produce el

problema y desplazarse a la ubicación del error.

Filtrar las entradas que se muestran y las columnas de información que aparecen para cada entrada.

Buscar términos específicos y delimitar la búsqueda solo en el proyecto o documento actual.

Para mostrar la Lista de errores, en el menú Ver elija Lista de errores.

Puede elegir los botones Errores, Advertencias y Mensajes para filtrar el tipo de información que aparece en la

lista, aunque debe revisar el motivo de cada entrada para eliminarlas de la lista por completo.

Para ordenar la lista, haga clic en cualquier encabezado de columna. Para ordenar de nuevo por otra columna,

mantenga presionada la tecla MAYÚS y haga clic en otro encabezado de columna. Para seleccionar las columnas

que se muestran y las que están ocultas, elija Mostrar columnas en el menú contextual. Si desea cambiar el orden

en el que se muestran las columnas, arrastre cualquier encabezado de columna hacia la izquierda o la derecha.

Nota

Los cuadros de diálogo y comandos de menú que se ven pueden diferir de los descritos en la Ayuda, en función

de los valores de configuración o de edición activos. Para cambiar la configuración, elija Importar y exportar

configuraciones en el menú Herramientas. Para obtener más información, vea Valores de configuración de Visual

Studio.

Filtros de la lista de errores

Errores

Cuando se selecciona, muestra los errores en la lista.

Advertencias

Cuando se selecciona, muestra las advertencias en la lista.

Mensajes

Cuando se selecciona, muestra los mensajes en la lista.

Buscar Utilice el cuadro de texto Lista de errores de búsqueda para realizar búsquedas de texto de los errores que

aparecen en la lista. Por ejemplo, puede buscar términos de errores específicos para encontrar todas las instancias

en el código. El cuadro de búsqueda se encuentra en el lado derecho de la barra de herramientas Lista de errores.

Puede buscar en cualquier columna visible de la lista de errores. Los resultados de la búsqueda siempre se ordenan

en función de la columna que tenga prioridad de ordenamiento en lugar de la consulta o el filtro aplicado. Si

6

presiona la tecla Esc mientras el foco está en la lista de errores, se borra el término de búsqueda y los resultados

filtrados de la búsqueda.

Puede limitar el ámbito de búsqueda para analizar y actuar en grupos de errores. Por ejemplo, puede que desee

centrarse en los errores más importantes que están impidiendo que un proyecto se compile. Entre las opciones

para delimitar el ámbito se incluyen las siguientes:

1. Documentos abiertos: muestra los errores, las advertencias y los mensajes de los documentos abiertos.

2. Proyecto actual: muestra los errores, las advertencias y los mensajes del proyecto del documento

seleccionado actualmente en el Editor o del proyecto seleccionado en el Explorador de soluciones.

Nota

La lista filtrada de errores, advertencias y mensajes cambia si el proyecto del documento seleccionado

actualmente es diferente al proyecto seleccionado en el Explorador de soluciones.

3. Documento actual: muestra los errores, las advertencias y los mensajes del documento seleccionado

actualmente en el Editor o en el Explorador de soluciones.

Para aplicar un filtro, active la casilla situada junto a él. Solo puede aplicar un filtro al mismo tiempo. Si se aplica

un filtro actualmente al resultado de la búsqueda, el nombre del filtro aparece en la barra de título de Lista de

errores. A continuación, los botones Errores, Advertencias y Mensajes muestran el número de elementos filtrados

junto con el número total de elementos, por ejemplo, los botones muestran x de y errores. Si no se aplica ningún

filtro, en la barra de título solo aparece "Lista de errores”.

Guardar Puede copiar la lista de errores y guardarla en un archivo. Seleccione los errores que desea copiar, haga clic con

el botón secundario en la selección y, a continuación, seleccione Copiar en el menú contextual. Después puede

pegar los errores en un archivo. Si pega los errores en una hoja de cálculo de Excel, los campos aparecen como

columnas diferentes.

Lista de elementos de la interfaz de usuario

Categoría

Muestra un icono que identifica el tipo de entrada de la lista de errores.

Orden predeterminado

Muestra un valor entero que indica el orden en el que se generó una entrada.

Descripción

Muestra el texto de la entrada de error, advertencia o mensaje. Las descripciones largas se ajustan en las líneas

siguientes.

Archivo

Muestra solo el nombre de archivo, o el nombre de archivo y la ruta de acceso.

Para especificar las opciones que se deben mostrar, seleccione o anule la selección de la opción Mostrar solo

nombres de archivo en la Lista de tareas, Entorno, Opciones (Cuadro de diálogo).

7

Línea

Muestra la línea de código donde se produce el problema.

Columna

Indica la columna de la línea especificada donde comienza el problema.

Proyecto

Muestra el nombre del proyecto que contiene el archivo indicado.

Ir a la línea Permite navegar a una línea específica de un archivo.

Visual Studio 2013

Este cuadro de diálogo permite desplazarse a un número de línea concreto del documento activo. Para tener

acceso a este cuadro de diálogo, abra un documento y seleccione Ir a, en el menú Edición.

Número de línea (1 - n)

Le permite escribir el número de la línea del documento activo al que desea desplazarse. Este número debe

encontrarse entre 1 y n, el número de líneas del documento.

Opciones (Cuadro de diálogo) (Visual Studio) Permite especificar opciones.

Visual Studio 2013

El cuadro de diálogo Opciones le permite configurar el entorno de desarrollo integrado (IDE) de acuerdo con sus

necesidades. Por ejemplo, puede establecer una ubicación predeterminada para guardar los proyectos, cambiar

la apariencia y el comportamiento predeterminados de las ventanas, y crear accesos directos para los comandos

que más utiliza. También hay opciones específicas de su lenguaje de desarrollo y su plataforma. Puede tener

acceso a Opciones desde el menú Herramientas.

Nota

Las opciones disponibles en los cuadros de diálogo, así como los nombres y las ubicaciones de los comandos de

menú que se ven, podrían diferir de lo que se describe en la Ayuda, en función de los valores de configuración o

de edición activos. Para cambiar la configuración, elija Importar y exportar configuraciones en el menú

Herramientas. Para obtener más información, vea Valores de configuración de Visual Studio.

8

Diseño del cuadro de diálogo Opciones El cuadro de diálogo Opciones está dividido en dos partes: un panel de navegación a la izquierda y un área de

presentación a la derecha. El control de árbol del panel de navegación incluye nodos de carpeta, como Entorno,

Editor de texto, Proyectos y soluciones, y Control de código fuente. Expanda cualquier nodo de carpeta para ver

las páginas de opciones que contiene. Cuando selecciona el nodo de una página determinada, sus opciones

aparecen en el área de presentación.

Las opciones para una característica del IDE no aparecen en el panel de navegación hasta que la característica no

está cargada en memoria. Por tanto, puede que no se muestren las mismas opciones cuando inicia una nueva

sesión que cuando finalizó la última sesión. Cuando crea un proyecto o ejecuta un comando que utiliza una

aplicación determinada, se agregan nodos para las opciones correspondientes al cuadro de diálogo Opciones.

Estas opciones agregadas permanecerán disponibles mientras la característica del IDE esté en memoria.

Nota

Algunas colecciones de configuraciones tienen como ámbito el número de páginas que aparecen en el panel de

navegación del cuadro de diálogo Opciones. Puede ver todas las páginas posibles si selecciona Mostrar todas las

configuraciones.

Cómo se aplican las opciones Al hacer clic en Aceptar en el cuadro de diálogo Opciones se guardan todas las configuraciones de todas las

páginas. Al hacer clic en Cancelar en cualquier página se cancelan todas las solicitudes de cambios, incluidas las

realizadas en otras páginas del cuadro de diálogo Opciones. Algunos cambios en la configuración de opciones,

como los realizados en Fuentes y colores, Entorno, Opciones (Cuadro de diálogo), sólo surtirán efecto después de

cerrar y volver a abrir Visual Studio.

Mostrar todas las configuraciones

La selección o la anulación de la selección de Mostrar todas las configuraciones aplican todos los cambios

realizados en el cuadro de diálogo Opciones, aunque no se haya hecho clic en Aceptar.

Opciones, editor de texto, general Permite especificar opciones generales del editor de texto.

Visual Studio 2013

Con este cuadro de diálogo, se puede cambiar la configuración global del Editor de código y texto de Visual Studio.

Para mostrar este cuadro de diálogo, haga clic en Opciones en el menú Herramientas, expanda la carpeta Editor

de texto y, a continuación, haga clic en General.

Nota

Los cuadros de diálogo y comandos de menú que se ven pueden diferir de los descritos en la Ayuda, en función

de los valores de configuración o de edición activos. Para cambiar la configuración, elija Importar y exportar

9

configuraciones en el menú Herramientas. Para obtener más información, vea Valores de configuración de Visual

Studio.

Valores

Editar texto con arrastrar y colocar

Cuando está seleccionada, se puede mover texto seleccionándolo y arrastrándolo con el mouse a otra ubicación

del documento actual o de otro documento abierto.

Resaltar con el delimitador automático

Cuando está seleccionada, se resaltan los caracteres delimitadores que separan los parámetros o los pares de

elemento y valor, así como las llaves.

Control de cambios

Cuando se selecciona el editor de código, una línea amarilla vertical aparece en el margen de selección para marcar

el código que han cambiado desde que se guardó por última vez. Al guardar los cambios, las líneas verticales

quedan verde.

Detectar automáticamente codificación UTF-8 sin firma

De manera predeterminada, el editor detecta la codificación buscando marcas de orden de bytes o etiquetas de

juegos de caracteres. Si no encuentra ninguna en el documento actual, el editor de código intentará detectar

automáticamente la codificación UTF-8 mediante el examen de las secuencias de bytes. Para deshabilitar la

detección automática de la codificación, desactive esta opción.

Display

Margen de la selección

Cuando está seleccionada, aparece un margen vertical junto al borde izquierdo del área de texto del editor. Se

puede hacer clic en este margen para seleccionar una línea de texto completa o hacer clic y arrastrar para

seleccionar líneas de texto consecutivas.

Margen de la selección activado Margen de la selección desactivado

Margen del indicador

Cuando está seleccionada, aparece un margen vertical fuera del borde izquierdo del área de texto del editor. Al

hacer clic en este margen, se muestra un icono e información sobre herramientas relacionados con el texto. Por

ejemplo, en el margen del indicador aparecen accesos directos a un punto de interrupción o a la lista de tareas.

Esta información no se imprime.

Barra de desplazamiento vertical

Al seleccionar esta opción, aparece una barra de desplazamiento vertical que permite desplazarse hacia arriba o

hacia abajo para ver elementos que quedan fuera del área visible del Editor. Si no hay ninguna barra de

desplazamiento vertical disponible, pueden utilizarse las teclas RePág, AvPág y las teclas de dirección para

desplazarse.

10

Barra de desplazamiento horizontal

Al seleccionar esta opción, aparece una barra de desplazamiento horizontal que permite desplazarse de un lado

a otro para ver elementos que quedan fuera del área visible del Editor. Si no hay ninguna barra de desplazamiento

horizontal disponible, pueden utilizarse las teclas de dirección para desplazarse.

Línea actual resaltada

Cuando se activa, muestra un cuadro gris alrededor de la línea de código en la que el cursor se encuentra.

Opciones, editor de texto, extensión de archivo Permite especificar extensiones de archivo para el editor.

Visual Studio 2013

El cuadro de diálogo Opciones permite especificar cómo controlará el entorno de desarrollo integrado (IDE) de

Visual Studio todos los archivos con determinadas extensiones de archivo. Para cada extensión que se escribe es

posible seleccionar un editor asociado. Esto permite elegir el diseñador o editor de IDE en que se abrirá un

determinado tipo de documentos. Para mostrar estas opciones, elija Opciones en el menú Herramientas, expanda

el nodo Editor de texto y seleccione Extensión de archivo.

Al seleccionar una opción "con codificación", se mostrará un cuadro de diálogo, siempre que abra un documento

de dicho tipo, en el que seleccionar un esquema de codificación para el documento. Esto puede ser útil si está

preparando versiones de los documentos del proyecto para que se utilicen en diversas plataformas o diferentes

lenguajes de destino.

Nota

Los cuadros de diálogo y comandos de menú que se ven pueden diferir de los descritos en la Ayuda, en función

de los valores de configuración o de edición activos. Para cambiar la configuración, elija Importar y exportar

configuraciones en el menú Herramientas. Para obtener más información, vea Valores de configuración de Visual

Studio.

Extensión Escriba la extensión de archivo cuyo editor asociado en el IDE desea definir.

Editor Seleccione el diseñador o editor de IDE en el que se abrirán los documentos con esta extensión de archivo. Al

seleccionar una opción "con codificación" se mostrará un cuadro de diálogo siempre que abra ese documento, en

el que seleccionar un esquema de codificación.

Agregar Agrega una entrada que incluye la extensión especificada y el Editor asociado a la lista de extensiones.

Remover Elimina la entrada seleccionada de la lista de extensiones.

11

Lista de extensiones Muestra todas las extensiones para las que se ha especificado un editor asociado.

Asignar archivos sin extensión Seleccione esta opción si desea especificar la forma en que el IDE controlará los archivos sin extensión.

Opciones de archivos sin extensión Proporciona la misma lista que la opción Editor. Seleccione el diseñador o editor de IDE en que se abrirán los

documentos sin extensiones de archivo.

Opciones, Editor de texto, Todos los lenguajes Permite especificar opciones que son comunes a todos los lenguajes de programación.

Visual Studio 2013

En este cuadro de diálogo se puede cambiar el comportamiento predeterminado del Editor de código. Esta

configuración también afecta a los demás editores basados en el Editor de código, como la vista Código fuente del

Diseñador HTML. Para abrir este cuadro de diálogo, seleccione Opciones en el menú Herramientas. Dentro de la

carpeta Editor de texto, expanda la subcarpeta Todos los lenguajes y, a continuación, elija General.

Precaución

En esta página se establecen opciones predeterminadas para todos los lenguajes de programación. Recuerde

que si se restablece una opción en este cuadro de diálogo, se restablecerán las opciones General para todos los

lenguajes según las opciones aquí seleccionadas. Para cambiar las opciones del Editor de texto para un lenguaje

solamente, expanda la subcarpeta de dicho lenguaje y seleccione su página de opciones.

Se mostrará una marca de verificación atenuada cuando se haya seleccionado una opción en las páginas de

opciones General para algunos lenguajes de programación, pero no para otros.

Nota

Los cuadros de diálogo y comandos de menú que se ven pueden diferir de los descritos en la Ayuda, en función

de los valores de configuración o de edición activos. Para cambiar la configuración, elija Importar y exportar

configuraciones en el menú Herramientas. Para obtener más información, vea Valores de configuración de Visual

Studio.

Finalización de instrucciones

Lista de miembros automática

Cuando está seleccionada, IntelliSense mostrará listas emergentes de métodos, valores, propiedades y miembros

disponibles al escribir en el editor. Elija cualquier elemento de la lista emergente para insertarlo en el código. Al

seleccionar esta opción se habilita la opción Ocultar miembros avanzados.

12

Ocultar miembros avanzados

Cuando está seleccionada, se acortan las listas emergentes de finalización de instrucciones mostrando sólo los

elementos que más se usan. Los demás elementos se filtran en la lista.

Información de parámetros

Cuando está seleccionada, la sintaxis completa de la declaración o del procedimiento actual aparece bajo el punto

de inserción del editor, con todos los parámetros disponibles. El siguiente parámetro que se puede asignar

aparecerá en negrita.

Valores

Habilitar espacio virtual

Cuando se selecciona esta opción y se desactiva Ajuste de línea, se puede hacer clic en cualquier punto más allá

del final de una línea en el Editor de código y escribir. Esta característica puede utilizarse para colocar los

comentarios en un lugar coherente junto al código.

Ajuste de línea

Cuando está seleccionada, cualquier parte de una línea que se extienda horizontalmente más allá del área visible

del editor aparecerá automáticamente en la siguiente línea. Al seleccionar esta opción se habilita la opción

Mostrar glifos visuales para ajuste de línea.

Nota

La característica Espacio virtual se desactiva mientras la opción Ajuste de línea esté activa.

Mostrar glifos visuales para ajuste de línea

Cuando está seleccionada, se muestra un indicador de flecha de retorno en el que una línea larga se ajusta en una

segunda línea.

Desactive esta opción si prefiere no mostrar estos indicadores.

Nota

Estas flechas de aviso no se agregan al código ni se imprimen. Sólo sirven como referencia.

Aplicar los comandos Cortar o Copiar a las líneas en blanco cuando no haya selección

Esta opción establece el comportamiento del editor cuando se coloca el punto de inserción en una línea en blanco,

no se selecciona nada y, a continuación, se usa el comando Copiar o Cortar.

Cuando se selecciona esta opción, la línea en blanco se copia o se corta. Si se pega a continuación, se

inserta una línea en blanco nueva.

Cuando esta opción está desactivada, el comando Cortar quita las líneas en blanco. Sin embargo, se

conservan los datos en el Portapapeles. Por consiguiente, si se utiliza el comando Pegar, se pegará el

último contenido que se haya copiado en el Portapapeles. Si no se ha copiado nada antes, no se pega

nada.

13

Este valor no tiene ningún efecto en Copiar o Cortar cuando no es una línea en blanco. Si no se selecciona nada,

se copia o se corta la línea completa. Si se pega a continuación, se pega el texto de toda la línea y el carácter de

fin de línea.

Sugerencia

Con el fin de poder mostrar indicadores para los espacios, tabuladores y fines de la línea, y distinguir así

las líneas con sangría de las que están completamente en blanco, en el menú Edición seleccione Opciones

avanzadas y elija Ver espacios en blanco.

Display

Números de línea

Cuando está seleccionada, aparecerá un número de línea al lado de cada línea de código.

Nota

Estos números de línea no se agregan al código ni se imprimen. Sólo sirven como referencia.

Habilitar navegación a direcciones URL con un solo clic

Al seleccionar esta opción, cuando el cursor del mouse pase sobre una dirección URL en el editor, su forma

cambiará a una mano que señala. Puede hacer clic en la dirección URL para mostrar la página indicada en el

explorador web.

Barra de navegación

Cuando está seleccionada, se muestra la Barra de navegación en la parte superior del editor de código. Las listas

desplegables Objetos y Miembros permiten elegir un objeto particular del código, seleccionar entre los miembros

y navegar a la declaración del miembro seleccionado en el Editor de código.

Opciones, editor de texto, todos los lenguajes, pestaña Permite especificar opciones de tabulación que pueden ser comunes a todos los lenguajes de programación.

Visual Studio 2013

En este cuadro de diálogo se puede cambiar el comportamiento predeterminado del Editor de código. Esta

configuración también afecta a los demás editores basados en el Editor de código, como la vista Código fuente del

Diseñador HTML. Para mostrar estas opciones, seleccione Opciones en el menú Herramientas. Dentro de la

carpeta Editor de texto, expanda la subcarpeta Todos los lenguajes y, a continuación, elija Tabulaciones.

Precaución

En esta página se establecen opciones predeterminadas para todos los lenguajes de programación. Recuerde

que si se restablece una opción en este cuadro de diálogo, se restablecerán las opciones Tabulaciones para todos

14

los lenguajes según las opciones aquí seleccionadas. Para cambiar las opciones del Editor de texto para un

lenguaje solamente, expanda la subcarpeta de dicho lenguaje y seleccione su página de opciones.

Si se han seleccionado configuraciones diferentes para lenguajes de programación concretos en las páginas de

opciones Tabulaciones, se mostrará el mensaje "Los valores de la sangría para formatos de texto individuales están

en conflicto entre sí" cuando difieran las opciones de Sangría; y el mensaje "Los valores del tabulador para

formatos de texto individuales están en conflicto entre sí" cuando difieran las opciones de Tabulación. Por

ejemplo, se mostrará este mensaje si se selecciona la opción Sangría automática para Visual Basic y la opción

Bloquear sangría para Visual C++.

Nota

Los cuadros de diálogo y comandos de menú que se ven pueden diferir de los descritos en la Ayuda, en función

de los valores de configuración o de edición activos. Para cambiar la configuración, elija Importar y exportar

configuraciones en el menú Herramientas. Para obtener más información, vea Valores de configuración de Visual

Studio.

Sangría

Ninguna

Cuando está seleccionada, no se aplica sangría a las nuevas líneas. El punto de inserción se coloca en la primera

columna de una nueva línea.

Bloque

Cuando está seleccionada, se aplica sangría automáticamente a las nuevas líneas. El punto de inserción se coloca

en el mismo punto inicial que la línea anterior.

Automática

Cuando está seleccionada, las nuevas líneas se ajustan al contexto del código, de acuerdo con otras

configuraciones de formato de código y convenciones de IntelliSense para el lenguaje de programación

correspondiente. Esta opción no está disponible para todos los lenguajes de programación.

Por ejemplo, a las líneas incluidas entre una llave de apertura ( { ) y otra de cierre ( } ) se les puede aplicar

automáticamente una sangría de una tabulación adicional a partir de la posición de las llaves alineadas.

Tabulaciones

Tamaño de tabulación

Establece la distancia en espacios entre las tabulaciones. El valor predeterminado es cuatro espacios.

Tamaño de sangría

Establece el tamaño en espacios de una sangría automática. El valor predeterminado es cuatro espacios. Se

insertan caracteres de tabulación, caracteres de espacio o ambos, para llenar el tamaño especificado.

Insertar espacios

Cuando está seleccionada, las operaciones de sangría insertarán sólo caracteres de espacio, no caracteres de

tabulación. Si el Tamaño de sangría se establece en 5, se insertarán cinco caracteres de espacio siempre que

presione la tecla TAB o haga clic en el botón Aumentar sangría de la barra de herramientas Formato.

15

Mantener tabulaciones

Cuando está seleccionada, las operaciones de sangría insertarán tantos caracteres de tabulación como sea posible.

Cada carácter TAB rellena el número de espacios especificado en la opción Tamaño de tabulación. Si el Tamaño

de sangría no es un múltiplo par del Tamaño de tabulación, se agregan caracteres de espacio en blanco para

igualar la diferencia.

Opciones, editor de texto, básico (Visual Basic) Permite especificar opciones para los archivos de Visual Basic.

Visual Studio 2013

La página de propiedades Opciones específicas de VB, en la carpeta Basic de la carpeta Editor de texto del cuadro

de diálogo Opciones (menú Herramientas), contiene las siguientes propiedades:

Inserción automática de construcciones End Cuando escribe, por ejemplo, la primera línea de una declaración de procedimiento, Sub Main—, y presiona

ENTRAR, el editor de texto agrega una línea End Sub correspondiente. De forma similar, si agrega un bucle For, el

editor de texto agrega una instrucción Next correspondiente. Cuando esta opción está seleccionada, el editor de

código agrega automáticamente la construcción End.

Lista descriptiva (nuevo formato) de código El editor de texto vuelve a dar el formato apropiado al código. Cuando se selecciona esta opción, el editor de

código hará lo siguiente:

Alinear el código hasta la posición de tabulación correcta.

Volver a poner el formato correcto de mayúsculas o minúsculas a las palabras clave, las variables y los

objetos.

Agregar Then a una instrucción If...Then si éste último faltara.

Agregar paréntesis a las llamadas a funciones.

Agregar a las cadenas comillas de cierre que falten.

Volver a dar formato a la notación exponencial.

Volver a dar formato a las fechas.

Habilitar modo de esquematización Cuando abre un archivo en el editor de código, puede ver el documento en modo de esquematización. Para

obtener más información, consulte Esquematizar. Cuando esta opción está seleccionada, la característica de

esquematización se habilita al abrir un archivo.

16

Inserción automática de miembros Interface y MustOverride Al confirmar una instrucción Implements o Inherits para una clase, el editor de texto inserta prototipos para los

miembros que se deben implementar o invalidar, respectivamente.

Mostrar separadores de línea de procedimientos El editor de texto indica el ámbito visual de los procedimientos. Se dibuja una línea en los archivos de código

fuente .vb del proyecto, en las ubicaciones citadas en la siguiente tabla:

Ubicación en el archivo de código

fuente .vb Ejemplo de la ubicación de la línea

Tras el cierre de una construcción de

declaración de bloque

Al final de una clase, estructura, módulo, interfaz o

enumeración

Tras una propiedad, función o subproceso

No entre las cláusulas get y set de una propiedad

Tras un conjunto de construcciones

de una sola línea

Después de las instrucciones import y antes de una

definición de tipo en un archivo de clase

Después de las variables declaradas en una clase y antes

de cualquier procedimiento

Después de declaraciones de una

sola línea (declaraciones de no

bloque)

Después de instrucciones import e Inherits; declaraciones

de variables, eventos y delegados; e instrucciones de

declaración de DLL

Habilitar sugerencias de corrección de errores El editor de texto puede sugerir soluciones a los errores frecuentes y permitirle seleccionar la corrección

adecuada, que se aplicará entonces al código.

Habilitar resaltado de referencias y palabras clave El editor de texto puede resaltar todas las instancias de un símbolo o todas las palabras clave de una cláusula

como If…Then, While...End While o Try...Catch...Finally. Puede navegar entre referencias resaltadas o palabras

clave presionando CTRL+MAYÚS+FLECHA ABAJO o CTRL+MAYÚS+FLECHA ARRIBA.

17

Opciones, editor de texto, C/C++, formato Permite especificar opciones de formato para archivos de C o C++.

Visual Studio 2013

Permite cambiar el comportamiento predeterminado del editor de código cuando programación en C o C++.

Para tener acceso a esta página, en el cuadro de diálogo Opciones, en el panel izquierdo, expanda Editor de texto,

expanda C/C++ y, a continuación, haga clic en Formato.

Nota

Es posible que su equipo muestre nombres o ubicaciones diferentes para algunos de los elementos de la interfaz

de usuario de Visual Studio en las siguientes instrucciones. La edición de Visual Studio que tenga y la

configuración que esté utilizando determinan estos elementos. Para obtener más información, vea Valores de

configuración de Visual Studio.

Opciones de C/C++ Habilitar información rápida automática sobre herramientas

Habilita o deshabilita la característica de IntelliSense Información rápida.

Código inactivo

Mostrar bloques inactivos

El código que está inactivo debido a las declaraciones #if def aparece con un color diferente para facilitar su

identificación.

Deshabilitar opacidad de código inactivo

El código inactivo se puede identificar utilizando el color en lugar de la transparencia.

Porcentaje de opacidad del código inactivo

Se puede personalizar el grado de opacidad de los bloques de código inactivos.

Sangría

Aplicar sangría a las llaves

Puede configurar cómo se alinean las llaves cuando se presiona ENTRAR después de comenzar un bloque de

código, por ejemplo, una función o un bucle for. Las llaves pueden estar alineadas con el primer carácter del

bloque de código o con sangría.

Sangría automática con tecla TAB

Puede configurar lo que ocurre en la línea de código actual al presionar TAB. Se aplica sangría a la línea o bien se

inserta un carácter de tabulación.

18

Varios

Enumerar tareas de comentario

El editor puede analizar archivos de código fuente abiertos para buscar palabras preestablecidas en los

comentarios. Crea una entrada en la ventana Lista de tareas para todas las palabras clave que encuentra.

Resaltar símbolos de emparejamiento

Cuando se coloca el cursor junto a una llave, el editor puede resaltar la llave correspondiente de modo que pueda

ver el código incluido entre llaves más fácilmente.

Esquematización Especificar el modo de esquematización al abrir los archivos

Cuando se coloca un archivo en el editor de texto, se puede habilitar la característica de esquematización. Para

obtener más información, vea Esquematizar. Cuando esta opción está seleccionada, la característica de

esquematización se habilita al abrir un archivo.

Esquematizar regiones pragma

Cuando esta opción está seleccionada, se habilita la esquematización automática de las directivas pragma. Esto

permite expandir o contraer bloques de región pragma en modo de esquematización.

Esquematizar bloques de instrucciones

Al seleccionar esta opción, se habilita la esquematización automática de las construcciones de instrucción

siguientes:

if-else (Referencia de C#)

switch (Instrucción) (C++)

while (Instrucción) (C++)

Opciones, editor de texto, C/C++, avanzado Permite especificar opciones avanzadas para archivos de C o C++.

Visual Studio 2013

Cambiar estas opciones, puede cambiar el relativo a la acción a IntelliSense y la base de datos que examina cuando

está programando en C o C++.

Para tener acceso a esta página, en el cuadro Opciones, en el panel de la izquierda, expanda Editor de texto,

expanda C/C++, y después elija Avanzado.

19

Nota

Es posible que su equipo muestre nombres o ubicaciones diferentes para algunos de los elementos de la interfaz

de usuario de Visual Studio en las siguientes instrucciones. La edición de Visual Studio que tenga y la

configuración que esté usando determinan estos elementos. Vea Valores de configuración de Visual Studio.

Examinar/Navegación Nunca debería elegir estas opciones excepto en el caso excepcional donde es tan grande una solución que la

actividad de base de datos utiliza a una cantidad inaceptable de recursos del sistema.

Deshabilitar la base de datos

Todo el uso de código que examina la base de datos (SDF), todos las demás exploraciones, las opciones de

desplazamiento, y todas las características de IntelliSense salvo #include Complete Auto se deshabilitan.

Deshabilitar las actualizaciones de la base de datos

La base de datos será abierta en sólo lectura, y no se realizarán ningunas actualizaciones cuando se editan

archivos. La mayoría de las características funcionarán. Sin embargo, como se crean modificaciones, los datos se

volverán obsoletos, y obtendrá resultados incorrectos.

Deshabilitar las actualizaciones automáticas de la base de datos

El código que examina la base de datos automáticamente no estará actualizado cuando se modifican los archivos

de código fuente. Sin embargo, si abre Explorador de soluciones, abre el menú contextual del proyecto, y después

elige Volver a examinar la solución, todos los archivos actualizados se comprobarán, y la base de datos se

actualizará.

Deshabilitar los archivos implícitos

El código que examina la base de datos no recopila datos de los archivos que no se especifica en un proyecto. Un

proyecto contiene archivos de código fuente y archivos de encabezado especificados explícitamente. Los archivos

implícitos se incluyen en los archivos explícitos (por ejemplo, afxwin.h, windows.h, y atlbase.h). Normalmente, el

sistema encuentra estos archivos y también los indiza de diversas características que examina (incluidos navegar).

Si elige esta opción, esos archivos no se indizan, y algunas características no están disponibles para ellos. Si elige

esta opción, “deshabilite la limpieza implícita” y “deshabilitar dependencias externas” también se eligen

implícitamente.

Deshabilitar la limpieza implícita

El código que examina la base de datos no limpia los archivos implícitos que la referencia no existe. Esta opción

impide que los archivos implícitos se quiten de la base de datos cuando ya no se utilizan. Por ejemplo, si agrega

una directiva #include que hace referencia mapi.h en uno de sus archivos de código fuente, mapi.h se encontrará

indizado. Si lo quita el #include y el archivo no hace referencia a otra parte, la información sobre él se quitará

finalmente a menos que elija esta opción. (Vea la opción Intervalo de soluciones pre-exploración.) Se omite esta

opción si explícitamente vuelve a examinar la solución.

20

Deshabilitar las carpetas de dependencias externas

La carpeta externa de dependencias para cada proyecto no se crea ni se actualiza. En Explorador de soluciones,

cada proyecto contiene una carpeta externa de las dependencias, que contiene todos los archivos implícitos para

ese proyecto. Si elige esta opción, esa carpeta no aparece.

Volver a crear la base de datos

Recompile el código que examina la base de datos la próxima vez que la solución se cargue. Si elige esta opción,

se elimina el archivo de base de datos SDF la próxima vez que se cargue la solución, lo que produce que la base

de datos se reconstruya y almacene todo el indizado.

Intervalo para volver a examinar la solución

“Un trabajo de soluciones pre-exploración ahora” se programa para el intervalo especificado. Debe especificar

entre 0 y 5000 minutos. El valor predeterminado son 60 minutos. Cuando se cambia a examinar la solución, las

marcas de tiempo del archivo se comprueban para determinar si un archivo fuera cambiando fuera del IDE. (Se

actualizan los cambios que se realizan en el IDE automáticamente se siguen como archivos.) Los archivos incluidos

se comprueban implícitamente para determinar si son todos y todavía hacen referencia.

Registro de diagnósticos Se proporcionan estas opciones en caso de que Microsoft pida que obtenga información avanzada para

diagnosticar un problema. La información de registro no resulta útil para los usuarios, y se recomienda dejarla

deshabilitada.

Habilitar el registro

Habilita el registro de diagnósticos en la ventana de salida.

Nivel de registro

Establezca Nivel de detalle de registro, de 0 a 5.

Filtro de registro

Los filtros presentan tipos de eventos mediante una máscara de bits.

Establecer mediante una suma de cualquiera de las siguientes opciones:

0 - Ninguno

1 - General

2 - Idle

4 - WorkItem

8 - IntelliSense

16 - ACPerf

32 - ClassView

21

Ubicación de reserva La ubicación de reserva es donde se colocan los archivos auxiliares de SDF y de IntelliSense (por ejemplo, iPCH)

cuando la ubicación primaria (el mismo directorio que la solución) no se utiliza. Esta situación podría producir si

el usuario no tiene los permisos para escribir en el directorio de soluciones o el directorio de la solución está en

un dispositivo lento. La ubicación predeterminada de reserva está en el directorio temporal de usuario.

Usar siempre la ubicación de reserva

Indica que el código que examina la base de datos y archivos de IntelliSense se debe almacenar siempre en una

carpeta que especifique como su “ubicación de reserva”, no junto al archivo .sln. IDE nunca intenta colocar el SDF

o archivos de iPCH junto al directorio de la solución y utilizará siempre la ubicación de reserva.

No avisar si utiliza la ubicación de reserva

No se fundamenta o le pregunte si se utiliza una “ubicación de reserva”. Normalmente, el IDE indicará si tiene que

utilizar la ubicación de reserva. Esta opción desactiva esa advertencia.

Ubicación de reserva

Este valor se utiliza como ubicación secundaria para almacenar el código que examina la base de datos o archivos

de IntelliSense. De forma predeterminada, el directorio temporal es la ubicación de reserva. IDE creará un

subdirectorio bajo la ruta especificada (o el directorio temp) que incluye el nombre de la solución junto con un

valor hash de la ruta de acceso completa a la solución, que evita problemas con los nombres de la solución que

son idénticos.

IntelliSense

Información rápida automática

Habilita la información sobre herramientas de QuickInfo al mover el puntero sobre el texto.

Deshabilitar IntelliSense

Deshabilita las características de IntelliSense. El IDE no crea procesos de VCPkgSrv.exe para mantener las

solicitudes de IntelliSense, y ninguna características de IntelliSense funcionarán (QuickInfo, lista de miembros,

auto completo, Ayuda de Parámetros). Resaltado semánticamente del coloreado y de referencia también está

deshabilitado. Esta opción no deshabilita examinar las características basadas únicamente en la base de datos

(ventana incluida de barra de navegación, de ClassView, y propiedades).

Deshabilitar la actualización automática

Se retrasa la actualización de IntelliSense hasta que una solicitud real para IntelliSense se haga. Este retraso puede

producir un runtime más largo de la primera operación de IntelliSense en un archivo, pero puede ser útil

establecer esta opción en equipos muy lentos o recursos limitados. Si elige esta opción, también elige

implícitamente “deshabilitar la notificación de errores” y “deshabilitar las opciones de los Squiggles”.

Deshabilitar el informe de errores

Deshabilita el informe de los errores de IntelliSense en los squiggles y la ventana Lista de errores. También

deshabilita el análisis de fondo que está asociado al informe de errores. Si elige esta opción, también elige

implícitamente “la opción de deshabilitar los Squiggles”.

22

Deshabilitar Squiggles

Deshabilita Squiggles de errores de IntelliSense. Los “squiggles rojos” no se muestran en la ventana del editor,

pero el error seguirá apareciendo en la ventana Lista de errores.

Deshabilitar autocompletar de #include

Deshabilita la característica autocompletar de instrucciones #include.

Barra diagonal de uso en Automático #include completado

Activa la característica autocompletar de las instrucciones #include cuando se utiliza “/”. El delimitador

predeterminado es “\” ( barra diagonal inversa). El compilador puede aceptar algunas, así que use esta opción

para especificar lo que utiliza en su base de código.

Unidades de traducción máximas almacenadas en caché

Número máximo de unidades de traducción que son mantenidas activas a cualquier momento para cuando

IntelliSense las solicita. Debe especificar un valor entre 2 y 15. Este número se relaciona directamente con el

número máximo de procesos de VCPkgSrv.exe que se ejecutan (para una instancia determinada de Visual Studio).

El valor predeterminado es 2, pero si tiene memoria disponible, puede aumentar este valor y conseguir

posiblemente ligeramente mejor rendimiento en IntelliSense.

Vea Fases de traducción para obtener más información acerca de las unidades de traducción.

Deshabilitar la opción de lista de miembros estricta

La lista de miembros no aparece cuando escribe el nombre de un tipo o una variable. La lista solo se produce

después del tipo de los caracteres de confirmación, según la opción Caracteres de confirmación en la lista de

miembros.

Deshabilitar la opción de Palabras clave en la lista de miembros

Las palabras clave del lenguaje como void, class, switch no aparecen en sugerencias de la lista de miembros.

Deshabilitar la opción de fragmentos de código en la lista de miembros

Los fragmentos de código no aparecen en sugerencias de la lista de miembros.

Deshabilitar Colores de semántica

Desactiva todo el coloreado de código salvo de palabras clave, de cadenas, y de comentarios del lenguaje.

Confirmación inteligente de la lista de miembros

Agrega una línea si elige la tecla INTRO al final de un tipo de palabra.

Modo Filtrar en la lista de miembros

Establece el tipo de algoritmo coincidente. Filtrar encuentra las coincidencias más posibles que utiliza un algoritmo

similar a un comprobador de ortografía, busca las coincidencias que son similares pero no idénticas. Filtrar

inteligente coincide con las su cadenas aunque no están en el inicio de una palabra. El prefijo coincide sólo en las

sub cadenas idénticas que empiezan al principio de la palabra.

Caracteres de confirmación en la lista de miembros

Especifica los caracteres que producen indicaciones actualmente resaltada en la lista de miembros que se confía.

Puede agregar o quitar caracteres de esta lista.

23

Referencias

Deshabilitar Resolviendo

Por razones de rendimiento, “busca los resultados de la búsqueda textuales sin formato de las pantallas de todas

las referencias” de forma predeterminada en lugar de utilizar IntelliSense, comprueba a cada candidato. Puede

desactivar esta casilla para resultados más precisos en todas las operaciones de búsqueda. Para filtrar por

búsqueda, abra el menú contextual de la lista de resultados, y después elija “resultados de la resolución.”

Ocultar sin confirmar

Ocultar los elementos sin confirmar en los resultados “Búsqueda de todas las referencias”. Si ha establecido la

opción “deshabilitar resolviendo”, puede utilizar esta opción para ocultar elementos sin confirmar en los

resultados.

Opciones, editor de texto, C#, formato Permite especificar opciones de formato para archivos de C#.

Visual Studio 2013

El cuadro de diálogo de página de propiedades Formato se utiliza para establecer las opciones de formato del

código en el Editor de código. Para tener acceso a este cuadro de diálogo, haga clic en Opciones en el menú

Herramientas, expanda Editor de texto, expanda C#, y a continuación, haga clic en Formato.

Nota

Los cuadros de diálogo y comandos de menú que se ven pueden diferir de los descritos en la Ayuda, en función

de los valores de configuración o de edición activos. Para cambiar la configuración, elija Importar y exportar

configuraciones en el menú Herramientas. Para obtener más información, vea Valores de configuración de Visual

Studio.

Configuración general La configuración general afecta a cómo el Editor de código aplica las opciones de formato al código.

Etiqueta Descripción

Formato completado

automáticamente de la

instrucción ;

Cuando está activada, da formato al acabar a las instrucciones de acuerdo con las

opciones de formato seleccionadas para el Editor de código. Desactive esta casilla

si no desea que el Editor de código modifique las instrucciones.

Formato completado

automáticamente del bloque

}

Cuando está activada, da formato a los bloques de código tan pronto como éstos

finalizan, de acuerdo con las opciones de formato seleccionadas para el Editor de

código. Desactive esta casilla si no desea que el Editor de código modifique los

bloques.

24

Ajustar sangría al pegar

Cuando está activada, da formato a texto pegado en el Editor de código de forma

que se ajuste a las opciones de formato seleccionadas para el Editor de código.

Desactive esta casilla si no desea modificar el texto pegado.

Vista previa (ventana) Los paneles Sangría, Nuevas líneas, Espaciado y Ajuste presentan una ventana de vista previa. La ventana de vista

previa muestra el efecto de cada opción. Para utilizar la ventana de vista previa, seleccione una opción de formato.

La ventana de vista previa muestra un ejemplo de la opción seleccionada. Cuando modifica los valores, por

ejemplo, al activar o desactivar una casilla para modificar la configuración, se actualiza la ventana de vista previa

para mostrar el efecto de esta nueva configuración.

Comentarios Las opciones de sangría de las páginas Tabulaciones de cada idioma determinan únicamente dónde se situará el

cursor en el Editor de código cuando se presione ENTRAR al final de una línea. Las opciones de sangría de Formato

se aplican cuando se aplica el formato al código automáticamente, por ejemplo, cuando se pega el código en el

archivo con la opción Ajustar sangría al pegar activada, y también cuando se escribe manualmente el bloque al

que se aplica el formato.

Opciones, editor de texto, C#, avanzado Permite especificar opciones avanzadas para archivos de C#.

Visual Studio 2013

Utilice este cuadro de diálogo para modificar la configuración de la asignación de formato del editor, la

refactorización de código y los comentarios de la documentación XML de Visual C#. Para tener acceso a este

cuadro de diálogo, haga clic en Opciones en el menú Herramientas, expanda la carpeta Editor de texto, expanda

C# y, a continuación, haga clic en Avanzadas.

Nota

Los cuadros de diálogo y comandos de menú que se ven pueden diferir de los descritos en la Ayuda, en función

de los valores de configuración o de edición activos. Para cambiar la configuración, elija Importar y exportar

configuraciones en el menú Herramientas. Para obtener más información, vea Valores de configuración de Visual

Studio.

Esquematización Especificar el modo de esquematización al abrir los archivos

Cuando se selecciona, esquematiza automáticamente el archivo de código, que crea bloques de código plegables.

La primera vez que se abre un archivo, se contraen los bloques #región y los bloques de código inactivos.

25

Ayuda del editor Subrayar errores en el editor

Identifica errores de compilación en el código. Cuando se selecciona esta opción, los subrayados ondulados

aparecen en colores que tienen significados concretos:

Los errores de análisis son rojos.

Los errores de compilación son azules.

Las advertencias de compilación son verdes.

Las ediciones Editar y continuar no válidas son de color púrpura.

Mueva el puntero sobre el segmento de código subrayado para ver información sobre herramientas acerca del

error.

Mostrar errores semánticos activos

Identifica algunos errores de compilación sin compilación explícita, por ejemplo, declarar y utilizar un tipo

desconocido o hacer referencia a una propiedad desconocida.

Resaltar referencias al símbolo bajo el cursor

Cuando el cursor se coloca dentro de un símbolo, o al hacer clic en un símbolo, todas las instancias de dicho

símbolo en el archivo de código se resaltan.

Refactorización

Compruebe los resultados de la refactorización

Muestra el cuadro de diálogo Resultados de la comprobación cuando se intenta re factorizar código que contiene

errores de compilación, o cuando la refactorización causa que una referencia de código se enlace a otro objeto

distinto de su enlace original.

Advertir si hay miembros con referencias generadas por el compilador

Muestra un diálogo con la advertencia al intentar re factorizar un miembro que tiene el mismo nombre que una

referencia generada por un compilador.

Comentarios de la documentación XML

Generar comentarios de documentación XML para ///

Cuando se selecciona, inserta automáticamente las etiquetas de inicio y cierre <summary> de los comentarios de

documentación XML después de que se escriba la introducción del comentario ///. Para obtener más información

acerca de la documentación XML, vea Comentarios de documentación XML (Guía de programación de C#).

Implementar interfaz

Delimitar el código generado con #region

Inserta un bloque #region <nombreInterfaz> Miembro alrededor de los métodos cuando se utiliza la opción

Implementar interfaz o Implementar interfaz explícitamente.

26

Organizar Usings

Aplicar primero directivas 'System' al ordenar usos

Cuando se selecciona, las directivas que utiliza System aparecen antes de otras directivas que se estén utilizando.

Para obtener más información, vea Ordenar usos.

Opciones, editor de texto, C#, IntelliSense Permite especificar opciones de IntelliSense para archivos de C#.

Visual Studio 2013

Utilice la página de propiedades IntelliSense si desea modificar la configuración que afecta al comportamiento de

IntelliSense para Visual C# . Para obtener acceso a la página de propiedades IntelliSense, haga clic en Opciones,

en el menú Herramientas y, a continuación, en la carpeta Editor de texto, haga clic en C#; por último, seleccione

IntelliSense.

Nota

Los cuadros de diálogo y comandos de menú que se ven pueden diferir de los descritos en la Ayuda, en función

de los valores de configuración o de edición activos. Para cambiar la configuración, elija Importar y exportar

configuraciones en el menú Herramientas. Para obtener más información, vea Valores de configuración de Visual

Studio.

La página de propiedades IntelliSense contiene las propiedades siguientes:

Listas de finalización

Mostrar la lista de finalización después de escribir un carácter

Cuando esta opción está seleccionada, IntelliSense muestra la lista de finalización automáticamente al comenzar

a escribir. Cuando no está seleccionada, la finalización de IntelliSense sigue estando disponible en el menú

IntelliSense o al presionar CTRL + BARRA ESPACIADORA.

Colocar palabras clave en las listas de finalización

Cuando esta opción está seleccionada, IntelliSense agrega palabras clave de C# (por ejemplo, class (Referencia de

C#)) a la lista de finalización.

Colocar fragmentos de código en las listas de finalización

Cuando esta opción está seleccionada, IntelliSense agrega alias de los fragmentos de código de C# a la lista de

finalización. En caso de que el alias del fragmento de código sea igual a una palabra clave (por ejemplo, class

(Referencia de C#)), la palabra clave se reemplaza con el acceso directo. Para obtener más información, vea

Fragmentos de código de Visual C#.

Selección en listas de finalización

Ejecutado escribiendo los siguientes caracteres:

Especifica todos los caracteres que, una vez escritos, ejecutan la finalización automática de IntelliSense del

elemento seleccionado en la lista de finalización.

27

Ejecutado presionando la barra espaciadora

Especifica que se ha de incluir la acción de presionar la barra espaciadora para ejecutar la finalización automática

de IntelliSense del elemento seleccionado en la lista de finalización.

Agregar nueva línea con Entrar al final de palabras completas

Especifica que si se escriben todos los caracteres de una entrada en la lista de finalización y, a continuación, se

presiona ENTRAR, se crea automáticamente una nueva línea y el cursor se mueve hacia esa línea.

Por ejemplo, si se escribe else y, a continuación, se presiona ENTRAR, aparecerá lo siguiente en el editor:

else

| (ubicación del cursor)

Sin embargo, si sólo escribe el y, a continuación, presiona ENTRAR, lo siguiente aparece en el editor:

else| (ubicación del cursor)

Selección de miembro de IntelliSense

Preselecciona el miembro usado más recientemente

Cuando se selecciona esta opción, IntelliSense preselecciona a los miembros que hayan seleccionado

recientemente en el cuadro de miembros de los lista emergente para Autocompletar nombres de objetos, durante

la sesión actual en el entorno de desarrollo integrado (IDE). El historial de los miembros usados recientemente se

borra entre cada sesión del IDE. Para obtener más información, vea IntelliSense para los miembros utilizados más

recientemente.

Opciones, editor de texto, XAML, formato Permite especificar opciones de formato para archivos de XAML.

Visual Studio 2013

Utilice la página de propiedades Formato para especificar cómo se da formato a los elementos y atributos en los

documentos XAML. Para abrir el cuadro de diálogo Opciones, haga clic en el menú Herramientas y, a continuación,

en Opciones. Para obtener acceso a la página de propiedades Formato, expanda el nodo Editor de texto, XAML,

Formato.

Nota

Los cuadros de diálogo y comandos de menú que se ven pueden diferir de los descritos en la Ayuda, en función

de los valores de configuración o de edición activos. Para cambiar la configuración, elija Importar y exportar

configuraciones en el menú Herramientas. Para obtener más información, vea Valores de configuración de Visual

Studio.

28

Eventos de formato automático El formato automático puede producirse cuando se detecta cualquiera de los siguientes eventos.

Completar una etiqueta de cierre o una etiqueta sencilla.

Completar una etiqueta inicial.

Pegar desde el Portapapeles.

Dar formato a los comandos de teclado.

Puede especificar qué eventos originan el formato automático.

Al completarse la etiqueta de

cierre o etiqueta sencilla

El formato automático se produce cuando termina de escribir una etiqueta de

cierre o una etiqueta sencilla. Una etiqueta sencilla no tiene atributos, por

ejemplo <Button />.

Al completar la etiqueta de

inicio

El formato automático se produce cuando termina de escribir una etiqueta de

inicio.

Al pegar desde el Portapapeles El formato automático se produce al pegar XAML del Portapapeles en la vista

XAML.

Estilo de comillas Este valor indica si los valores de atributo se escriben entre comillas sencillas o dobles. Tanto el autoformateador

como la finalización automática de IntelliSense utilizan este valor.

Una vez establecida esta opción, sólo afectará a los atributos agregados posteriormente mediante el diseñador o

de forma manual en la vista XAML.

Comillas dobles (")

Los valores de atributo se escriben entre comillas dobles.

<Button Name="button1">Hello</Button>

Comillas sencillas (')

Los valores de atributo se escriben entre comillas sencillas.

<Button Name='button1'>Hello</Button>

Ajuste de etiquetas Puede especificar una longitud de línea para el ajuste de etiquetas. Cuando se habilita el ajuste de etiquetas,

cualquier elemento XAML agregado posteriormente mediante el diseñador se ajustará adecuadamente.

Ajustar etiquetas que superan la

longitud especificada

Especifica si las líneas se ajustan a la longitud de línea especificada por

Longitud.

Longitud El número de caracteres que puede contener una línea. Si es necesario, algunas

líneas de XAML pueden superar la longitud de línea especificada.

29

Espaciado de atributos Utilice este valor para controlar cómo se organizan los atributos en el documento XAML.

Mantener líneas nuevas y espacios

entre atributos

Las líneas nuevas y los espacios entre los atributos no se ven afectados por el

formato automático.

<Button Height="23" Name="button1"

Width="75">Hello</Button>

Insertar un espacio entre atributos

Los atributos ocupan una línea y los atributos adyacentes se separan por un

espacio. Se aplica la configuración de ajuste de etiquetas.

<Button Height="23" Name="button1" Width="75">Hello</Button>

Poner cada atributo en una línea

diferente

Cada atributo ocupa su propia línea. Esto resulta útil cuando hay muchos

atributos.

<Button

Height="23"

Name="button1"

Width="75">Hello</Button>

Poner el primer atributo en la

misma línea que la etiqueta de

inicio

Cuando se activa, el primer atributo aparece en la misma línea que la etiqueta

de inicio del elemento.

<Button Height="23"

Name="button1"

Width="75">Hello</Button>

Espaciado de elementos Utilice este valor para controlar cómo se organizan los elementos en el documento XAML.

Mantener líneas nuevas en el contenido

No se quitan las líneas vacías del contenido del elemento.

<Grid>

<Button Name="button1">Hello</Button>

30

</Grid>

Contraer varias líneas vacías del contenido en

una sola línea

Las líneas vacías del contenido del elemento se contraen en una

sola línea.

<Grid>

<Button Name="button1">Hello</Button>

</Grid>

Quitar líneas vacías en el contenido

Se quitan todas las líneas vacías del contenido del elemento.

<Grid>

<Button Name="button1">Hello</Button>

</Grid>

Inserción automática Utilice este valor para controlar cuándo se generan etiquetas y comillas automáticamente.

Etiquetas de cierre Especifica si se genera automáticamente una etiqueta de cierre de un

elemento al cerrar la etiqueta de apertura con el carácter mayor que (>).

Comillas de atributo Especifica si se generan comillas cuando se selecciona un valor de atributo

en la lista desplegable de finalización de instrucciones.

Llaves de cierre de

MarkupExtensions

Especifica si se genera automáticamente la llave de cierre de una extensión

de marcado (}) al escribir el carácter de llave de apertura ({).

Comas para separar los

parámetros MarkupExtension

Especifica si se generan comas al escribir más de un parámetro en una

extensión de marcado.

Vista predeterminada Utilice este valor para controlar si aparece la vista Diseño al cargar documentos XAML.

Abrir siempre los documentos en la

vista XAML completa

Especifica si los documentos XAML sólo aparecen en la vista XAML y no en

la vista Diseño. Es útil para cargar documentos grandes.

Cuadro de herramientas Utilice este valor para especificar si los controles de usuario y los controles personalizados se muestran en el

Cuadro de herramientas.

31

Rellenar automáticamente los

elementos del cuadro de herramientas

Especifica si los controles de usuario y los controles personalizados de la

solución actual se muestran automáticamente en el Cuadro de

herramientas.

Referencia de propiedades del proyecto Permite especificar propiedades del proyecto.

Visual Studio 2013

Más información sobre cómo configurar y personalizar propiedades de proyecto.

Proyectar páginas de propiedades

Título Descripción

Aplicación (Página, Diseñador de

proyectos) (Visual Basic)

Use esta página para especificar la configuración y las propiedades de la

aplicación de un proyecto de Visual Basic.

Página de aplicación, Diseñador de

proyectos (C#)

Use esta página para especificar la configuración y las propiedades de la

aplicación de un proyecto de Visual C#.

Eventos de compilación (Página,

Diseñador de proyectos) (C#)

Use este panel para especificar las instrucciones de configuración de

compilación.

Compilar (Página, Diseñador de

proyectos) (C#)

Use este panel para especificar las propiedades de configuración de

compilación de un proyecto de Visual C#.

Página Compilación, Diseñador de

proyectos (Visual Basic)

Use esta página para especificar las propiedades de compilación de

proyectos Visual Basic.

Página Depuración, Diseñador de

proyectos

Use esta página para especificar las propiedades de depuración de un

proyecto.

Análisis de código, Diseñador de

proyectos Use esta página para configurar la herramienta de análisis de código.

Panel Publicar, Diseñador de proyectos Use esta página para configurar las propiedades de ClickOnce.

Página Referencias, Diseñador de

proyectos (Visual Basic)

Use esta página para administrar las referencias que se utilizan en un

proyecto.

Página Seguridad, Diseñador de

proyectos

Use esta página para establecer la configuración de seguridad de acceso

del código de las aplicaciones que se implementan mediante ClickOnce.

32

Página Firma, Diseñador de proyectos Use esta página para firmar manifiestos de aplicación y de

implementación, así como el ensamblado.

Propiedades (ventana) Muestra las propiedades para los proyectos, archivos, controles y campos en las ventanas y los diseñadores del

IDE.

Visual Studio 2013

Utilice esta ventana para ver y cambiar las propiedades y eventos en tiempo de diseño de los objetos

seleccionados que están ubicados en editores y diseñadores. También puede usar la ventana Propiedades para

editar y ver las propiedades de los archivos, los proyectos y la solución. Puede encontrar la ventana Propiedades

en el menú Ver. También puede abrirla presionando F4 o escribiendo las propiedades en la ventana Inicio rápido.

La ventana Propiedades muestra distintos tipos de campos de edición, según las necesidades de una propiedad

determinada. Entre estos campos de edición se incluyen cuadros de edición, listas desplegables y vínculos a

cuadros de diálogo de editor personalizado. Las propiedades que se muestran en gris son de sólo lectura.

Nombre de objeto Enumera el objeto u objetos actualmente seleccionados. Sólo son visibles los objetos del editor o diseñador

activos. Cuando se seleccionan varios objetos, sólo aparecen las propiedades comunes a todos los objetos

seleccionados.

Por categorías Enumera por categorías todas las propiedades y valores de propiedades para el objeto seleccionado. Puede

contraerse una categoría para reducir el número de propiedades visibles. Cuando se expande o contrae una

categoría, se ve un signo más (+) o menos (-) a la izquierda del nombre de la categoría. Las categorías están

ordenadas alfabéticamente.

Alfabético Ordena alfabéticamente todas las propiedades y eventos en tiempo de diseño de los objetos seleccionados. Para

editar una propiedad no atenuada, haga clic en la celda situada a su derecha y escriba los cambios.

Páginas de propiedades Muestra los cuadros de diálogo Páginas de propiedades o Diseñador de proyectos del elemento seleccionado.

Páginas de propiedades muestra un subconjunto, el mismo o un supra conjunto de las propiedades disponibles

en la ventana Propiedades. Utilice este botón para ver y editar propiedades relacionadas con la configuración

activa del proyecto.

Propiedades Muestra las propiedades de un objeto. Muchos objetos también tienen eventos que se pueden ver utilizando la

ventana Propiedades.

33

Ordenar por origen de propiedad Agrupa las propiedades por origen, como herencia, estilos aplicados y enlaces. Solo está disponible al editar los

archivos XAML en el diseñador.

Eventos Muestra los eventos de un objeto.

Nota

Este control de la barra de herramientas de la ventana Propiedades solo está disponible cuando hay un

formulario o diseñador de controles activo en el contexto de un proyecto de Visual C#. Al editar archivos

XAML, los eventos aparecen en una pestaña independiente de la ventana Propiedades.

Mensajes Muestra todos los mensajes de Windows. Permite agregar o eliminar funciones controladoras específicas para los

mensajes proporcionados en la clase seleccionada.

Nota

Este control de la barra de herramientas de la ventana Propiedades solo está disponible si la Vista de

clases es la ventana activa en el contexto de un proyecto de Visual C++.

Overrides (Reemplazos) Enumera todas las funciones virtuales de la clase seleccionada y permite agregar o eliminar funciones de

reemplazo.

Nota

Este control de la barra de herramientas de la ventana Propiedades solo está disponible si la Vista de

clases es la ventana activa en el contexto de un proyecto de Visual C++.

Panel Descripción Muestra el tipo de propiedad y una breve descripción de la propiedad. Se puede activar y desactivar la descripción

de la propiedad utilizando el comando Descripción del menú contextual.

Nota

Este control de la barra de herramientas de la ventana Propiedades no está disponible al editar archivos

XAML en el diseñador.

Vista en miniatura Muestra una representación visual del elemento seleccionado actualmente al editar los archivos XAML en el

diseñador.

34

Buscar Proporciona una función Search para las propiedades y eventos al editar archivos XAML en el diseñador. El cuadro

de búsqueda responde a las búsquedas parciales de palabras y actualiza los resultados de la búsqueda cuando se

escribe.

Inicio rápido Proporciona una forma rápida de buscar ventanas, comandos, opciones y menús de Visual Studio.

Visual Studio 2013

Puede utilizar el Inicio rápido para buscar y ejecutar rápidamente las acciones para los activos del IDE como

opciones, plantillas, menús. No puede utilizar Inicio rápido para buscar el código y símbolos. El cuadro de

búsqueda Inicio rápido se encuentra en la esquina superior derecha de la barra de menús y es accesible eligiendo

las teclas de Ctrl+Q. Escriba simplemente la cadena de búsqueda en el cuadro. Para buscar cadenas que contienen

@, use “@@”.

Inicio rápido está habilitada de forma predeterminada al instalar Visual Studio. En la barra de menús, puede

mostrar u ocultar Inicio rápido elija Herramientas, Opciones. Expanda el nodo Entornos, y después elija Inicio

rápido. Active o desactive la casilla Habilitar inicio rápido. También puede habilitar o deshabilitar categorías de

búsqueda en esta página.

Lista de categorías Los resultados de la búsqueda de inicio rápido aparecen en cuatro categorías: Usados más recientemente, Menús,

Opciones, Documentos abiertos y, junto con el número de elementos de la categoría. Para recorrer con resultados

de búsqueda por categoría, elija las teclas de Ctrl+Q para mostrar todos los resultados de la categoría siguiente.

Cuando aparezca la categoría última, Ctrl+Q muestra algunos resultados de cada categoría. Puede utilizar

Ctrl+Shift+Q para navegar por categorías en orden inverso. Para ver todos los resultados de búsqueda en una

categoría, elija el nombre de categoría.

Puede usar los siguientes métodos abreviados para restringir la búsqueda a las categorías específicas.

Categoría Acceso directo Describir el acceso directo

Se utiliza

recientemente

@mru

Por ejemplo,

fuente de @mru

Muestra hasta cinco de los elementos que Usados más recientemente.

Menús

@menu

Por ejemplo,

fuente de

@menu

Restringe la búsqueda a los elementos de menú.

35

Opciones

@opt

Por ejemplo,

fuente de @opt

Restringe la búsqueda en los valores en el cuadro Opciones.

Documentos

@doc

Por ejemplo,

fuente de @doc

Restringe la búsqueda a los nombres de archivo y las rutas de los

documentos abiertos para los criterios de búsqueda, pero no busca texto

dentro de los archivos propios.

Nota

Puede cambiar teclas de método abreviado en General, página Teclado en el cuadro Opciones.

Mostrar los resultados anteriores De forma predeterminada, el término de búsqueda que escribe no se conserva entre las sesiones de la búsqueda.

Se desactiva la cadena de búsqueda si busca un término, mueve el cursor fuera del área Inicio rápido, y volver.

Para conservar los resultados de búsqueda, vaya al cuadro Opciones, elija Inicio rápido, y seleccione la casilla

Mostrar los resultados de la búsqueda de búsqueda anterior cuando se provoca el inicio rápido. . La próxima vez

que se realice una búsqueda, deja el área de inicio rápido, y cambia, el inicio rápido conservará el término de

búsqueda último utilizado y también se mostrará los resultados de la búsqueda.

Para obtener sugerencias y los trucos más recientes para utilizar Inicio rápido, vea The Visual Studio Blog.

Cuadro de herramientas Permite agregar controles a una superficie de diseño.

Visual Studio 2013

El Cuadro de herramientas muestra iconos para los controles y otros elementos que se pueden agregar a los

proyectos Visual Studio. Para abrir el Cuadro de herramientas, haga clic en Cuadro de herramientas en el menú

Vista. Puede acoplar el Cuadro de herramientas y anclarlo como abierto o establecerlo en Ocultar

automáticamente.

Los iconos del Cuadro de herramientas se pueden arrastrar a una vista de diseño o pegar en un editor de código.

Cualquier acción agrega el código básico para crear una instancia del elemento del Cuadro de herramientas en el

archivo del proyecto activo.

El Cuadro de herramientas solo muestra los elementos correspondientes al tipo de archivo en el que se está

trabajando. Puede buscar dentro del cuadro de herramientas para filtrar más los elementos que aparecen. Si el

proyecto requiere un control que ClientProfile no admite, puede establecer el destino del proyecto en todo el

framework mediante la edición de las propiedades de proyecto.

36

Nota

Es posible que su equipo muestre nombres o ubicaciones diferentes para algunos de los elementos de la interfaz

de usuario de Visual Studio en las siguientes instrucciones. La edición de Visual Studio que tenga y la

configuración que esté usando determinan estos elementos. Para obtener más información, vea Valores de

configuración de Visual Studio.

Ayuda sobre las fichas del cuadro de herramientas En los siguientes documentos se proporciona más información acerca de las pestañas Cuadro de herramientas

concretas.

Tópico Ubicación

Cuadro de herramientas, Datos (Pestaña) dv_vsref

Cuadro de herramientas, Componentes (Pestaña) dv_vsref

Cuadro de herramientas, HTML (Pestaña) dv_vsref

Cuadro de herramientas, Datos (Pestaña) dv_vsref

Cuadro de herramientas, Componentes (Pestaña) dv_vsref

Cuadro de herramientas, HTML (Pestaña) dv_vsref

37

Cuadro de herramientas, Componentes (Pestaña) Permite agregar componentes a una superficie de diseño.

Visual Studio 2013

Muestra componentes que puede agregar a los diseñadores de Visual Basic y Visual C#. Además de los

componentes de .NET Framework que se incluyen con Visual Studio, como MessageQueue y EventLog, puede

agregar sus propios componentes de otros fabricantes a esta ficha. Para obtener más información, vea How to:

Manipular las pestañas del cuadro de herramientas.

Para mostrar esta ficha, dentro del menú Ver seleccione Cuadro de herramientas. En el Cuadro de herramientas,

seleccione la ficha Componentes.

BackgroundWorker Crea una instancia de componente System.ComponentModel.BackgroundWorker que puede ejecutar una

operación en un subproceso independiente dedicado.

DirectoryEntry Crea una instancia del componente DirectoryEntry que encapsula un nodo o un objeto de la jerarquía Active

Directory y que se puede utilizar para interactuar con proveedores de servicios de Active Directory.

DirectorySearcher Crea una instancia del componente DirectorySearcher que se puede utilizar para realizar consultas en Active

Directory.

ErrorProvider Crea una instancia de componente System.Windows.Forms.ErrorProvider que indica al usuario final que un

control de un formulario tiene un error asociado.

EventLog Crea una instancia del componente EventLog que se puede utilizar para interactuar con registros de eventos tanto

de sistema como personalizados, incluida la anotación de eventos en un registro y la lectura de datos de un

registro. Para obtener más información, vea Introducción al componente EventLog.

FileSystemWatcher Crea una instancia del componente FileSystemWatcher que se puede utilizar para supervisar cambios en cualquier

directorio o archivo al que puede tener acceso. Para obtener más información, vea How to: Configurar inrancias

de componentes FileSystemWatcher .

HelpProvider Crea una instancia de componente System.Windows.Forms.HelpProvider que proporciona Ayuda emergente o

en pantalla para los controles.

ImageList Crea una instancia de componente System.Windows.Forms.ImageList que proporciona métodos para administrar

una colección de objetos System.Drawing.Image.

38

MessageQueue Crea una instancia del componente MessageQueue que se puede utilizar para interactuar con colas de mensajes,

entre otras cosas permite leer mensajes de colas y escribir mensajes en colas, procesar transacciones y realizar

tareas de administración de colas. Para obtener más información, vea Using Messaging Components.

PerformanceCounter Crea una instancia del componente PerformanceCounter que se puede utilizar para interactuar con contadores

de rendimiento de Windows, así se pueden crear nuevas categorías e instancias, leer valores de contadores y

realizar cálculos con datos del contador. Para obtener más información, vea Supervisar umbrales de rendimiento.

Proceso Crea una instancia del componente Process que permite finalizar, iniciar y manipular los datos asociados con

procesos del sistema. Para obtener más información, vea Supervisar y administrar procesos de Windows.

SerialPort Crea una instancia de componente System.IO.Ports.SerialPort que proporciona E/S sincrónica y orientada a

eventos, acceso a estados de punto de conexión e interrupción, y acceso a propiedades del controlador serie.

ServiceController Crea una instancia del componente ServiceController que permite manipular servicios existentes, así se pueden

iniciar y detener servicios y enviar comandos a los mismos. Para obtener más información, vea Supervisar servicios

de Windows.

Temporizador Crea una instancia del componente Timer que permite agregar a las aplicaciones basadas en Windows, una

funcionalidad basada en el tiempo. Para obtener más información, vea Timer (Componente, formularios Windows

Forms).

Nota

Hay también un Timer basado en el sistema que puede agregar al Cuadro de herramientas. Este Timer

está optimizado para las aplicaciones de servidor, y Timer de formularios Windows Forms es el más

apropiado para su uso en formularios de Windows Forms.

39

Cuadro de herramientas, Datos (Pestaña) Permite agregar controles de datos a una superficie de diseño.

Visual Studio 2013

Muestra objetos de datos que puede agregar a formularios y componentes. La ficha Datos del Cuadro de

herramientas aparece cuando se crean proyectos que tienen asociados un diseñador. El Cuadro de herramientas

aparece de forma predeterminada en el entorno de desarrollo integrado de Visual Studio; si debe mostrar el

Cuadro de herramientas, seleccione la opción Cuadro de herramientas del menú Ver.

Sugerencia

La ejecución del Asistente para la configuración de orígenes de datos creará y configurará automáticamente la

mayoría de los elementos de datos. Para obtener más información, vea Creación de aplicaciones de datos con

Visual Studio.

Lista de elementos de la interfaz de usuario Para ver directamente la página de referencia de .NET Framework de un componente, presione F1 en el elemento

del Cuadro de herramientas o en el elemento del componente de la bandeja del diseñador.

Nombre Descripción

DataSet

Agrega al formulario o componente una instancia del conjunto de datos con tipo o sin tipo.

Cuando se arrastra este objeto al diseñador, aparece un cuadro de diálogo que permite

seleccionar una clase de conjunto de datos con tipo existente o especificar que se desea crear

un conjunto de datos nuevo, en blanco y sin tipo.

Nota

No utilice el objeto DataSet del Cuadro de herramientas para crear el esquema y la clase de un

nuevo conjunto de datos con tipo. Para obtener más información, vea Cómo: Crear un conjunto

de datos con tipo.

DataGridView Proporciona una forma eficaz y flexible de mostrar datos en formato de tabla.

BindingSource Simplifica el proceso de enlazar controles a un origen de datos subyacente.

BindingNavigator Representa la interfaz de usuario de navegación y manipulación para los controles de un

formulario que están enlazados a datos.

40

Cuadro de herramientas, HTML (Pestaña) Permite agregar etiquetas HTML a una superficie de diseño.

Visual Studio 2013

La ficha HTML del Cuadro de herramientas proporciona componentes útiles para las páginas y los formularios

Web. Para ver esta ficha, abra primero un documento para editarlo en el diseñador de HTML. En el menú Ver,

haga clic en Cuadro de herramientas y, a continuación, haga clic en la ficha HTML del Cuadro de herramientas.

Para crear una instancia de una herramienta en la ficha HTML, haga doble clic en la herramienta para agregarla al

documento en el punto de inserción actual o seleccione la herramienta y arrástrela a la posición que desee de la

superficie de edición.

Tareas How to: Manage the Toolbox Window

How to: Manipulate Toolbox Tabs

Elementos de interfaz de usuario De forma predeterminada, en la ficha HTML están disponibles las siguientes herramientas.

Pointer

Esta es la herramienta seleccionada de forma predeterminada cuando se abre cualquier ficha del Cuadro de

herramientas. No se puede eliminar. El puntero permite arrastrar objetos a la superficie de la vista Diseño, cambiar

su tamaño y su ubicación en la página o formulario. Para obtener más información, vea How to: Manage the

Toolbox Window y How to: Manipulate Toolbox Tabs.

Input (Button)

Inserta un elemento input de type="button". Para cambiar el texto que se muestra, modifique la propiedad name.

De forma predeterminada, se inserta id="Button1" para el primer botón, id="Button2" para el segundo, etc.

Cuando se arrastra Input (Button) a la superficie de la vista Diseño, en el documento se inserta código HTML similar

al siguiente:

<input id="Button1" type="button" value="Button" name="Button1">

Para obtener más información, vea HTML Input Controls, Sintaxis declarativa del control de servidor

HtmlInputButton, How to: Create Scripts and Edit Event Handlers, Button Web Server Controls Overview,

HtmlInputButton, HtmlButton y Button.

Input (Reset)

Inserta un elemento input de type="reset". Para cambiar el texto que se muestra, modifique la propiedad name.

De forma predeterminada, se inserta id="Reset1" para el primer botón reset, id="Reset2" para el segundo, etc.

41

Cuando se arrastra Input (Reset) a la superficie de la vista Diseño, en el documento se inserta código HTML similar

al siguiente:

<input id="Reset1" type="reset" value="Reset" name="Reset1">

Para obtener más información, vea HTML Input Controls, Sintaxis declarativa del control de servidor

HtmlInputReset, HtmlInputButton y Button.

Input (Submit)

Inserta un elemento input de type="submit". Para cambiar el texto que se muestra, modifique la propiedad name.

De forma predeterminada, se inserta id="Submit1" para el primer botón submit, id="Submit2" para el segundo,

etc.

Cuando se arrastra Input (Submit) a la superficie de la vista Diseño, en el documento se inserta código HTML

similar al siguiente:

<input id="Submit1" type="submit" value="Submit" name="Submit1">

Para obtener más información, vea HTML Input Controls, Sintaxis declarativa del control de servidor

HtmlInputSubmit, HtmlInputButton y Button.

Input (Text)

Inserta un elemento input de type="text" en el documento. Para cambiar el texto predeterminado que se muestra,

modifique el atributo value. De forma predeterminada, se inserta id="Text1" para el primer campo de texto,

id="Text2" para el segundo, etc.

Cuando se arrastra Input (Text) a la superficie de la vista Diseño, en el documento se inserta código HTML similar

al siguiente:

<input id="Text1" TYPE="text" value="Text Field" name="Text1">

Para obtener más información, vea HTML Input Controls, Sintaxis declarativa del control de servidor

HtmlInputText, TextBox Web Server Control Overview, HtmlInputText y TextBox.

Nota sobre la seguridad

Se recomienda que valide todos los datos proporcionados por el usuario. Para obtener más información,

vea Validating User Input in ASP.NET Web Pages.

Input (File)

Inserta un elemento input de type="file" en el documento. De forma predeterminada, se inserta id="File1" para

el primer campo de archivo, id="File2" para el segundo, etc.

42

Cuando se arrastra Input (File) a la superficie de la vista Diseño, en el documento se inserta código HTML similar

al siguiente:

<input id="File1" type="file" name="File1">

Para obtener más información, vea HTML Input Controls, Sintaxis declarativa del control de servidor HtmlInputFile

y HtmlInputFile.

Nota sobre la seguridad

Se recomienda que valide todos los datos proporcionados por el usuario. Para obtener más información,

vea Validating User Input in ASP.NET Web Pages.

Input (Password)

Inserta un elemento input de type="password". De forma predeterminada, se inserta id="Password1" para el

primer campo de contraseña, id="Password2" para el segundo, etc.

Cuando se arrastra Input (Password) a la superficie de la vista Diseño, en el documento se inserta código HTML

similar al siguiente:

<input id="Password1" type="password" name="Password1">

Para obtener más información, vea HTML Input Controls, Sintaxis declarativa del control de servidor

HtmlInputPassword, How to: Set a TextBox Web Server Control for Password Entry y Walkthrough: Validating User

Input in a Web Forms Page.

Nota sobre la seguridad

Si la aplicación transmite nombres de usuario y contraseñas, debe configurar el sitio Web con el fin de

utilizar Capa de sockets seguros (SSL) para cifrar la transmisión. Para obtener más información, vea el

tema "Asegurar las conexiones con SSL" en IIS Guía de operación. Además, se recomienda que valide

todos los datos proporcionados por el usuario. Para obtener más información, vea Validating User Input

in ASP.NET Web Pages.

Input (Check box)

Inserta un elemento input de type="checkbox". Para cambiar el texto que se muestra, modifique la propiedad

name. De forma predeterminada, se inserta id="Checkbox1" para la primera casilla, id="Checkbox2" para la

segunda, etc.

Cuando se arrastra Input (Check box) a la superficie de la vista Diseño, en el documento se inserta código HTML

similar al siguiente:

<input id="Checkbox1" type="checkbox" name="Checkbox1">

43

Para obtener más información, vea HTML Input Controls, Sintaxis declarativa del control de servidor

HtmlInputCheckBox, CheckBox and CheckBoxList Web Server Controls Overview, HtmlInputCheckBox y CheckBox.

Input (Radio)

Inserta un elemento input de type="radio". Para cambiar el texto que se muestra, modifique la propiedad name.

De forma predeterminada, se inserta id="Radio1" para el primer botón de radio, id="Radio2" para el segundo, etc.

Cuando se arrastra Input (Radio) a la superficie de la vista Diseño, en el documento se inserta código HTML similar

al siguiente:

<input id="Radio1" type="radio" name="Radio1">

Para obtener más información, vea HTML Input Controls, Sintaxis declarativa del control de servidor

HtmlInputRadioButton, RadioButton and RadioButtonList Web Server Controls Overview, HtmlInputRadioButton

y RadioButton.

Input (Hidden)

Inserta un elemento input de type="hidden". De forma predeterminada, se inserta id="Hidden1" para el primer

campo oculto, id="Hidden2" para el segundo, etc.

Cuando se arrastra Input (Hidden) a la superficie de la vista Diseño, en el documento se inserta código HTML

similar al siguiente:

<input id="Hidden1" type="hidden" name="Hidden1">

Para obtener más información, vea HTML Input Controls, Sintaxis declarativa del control de servidor

HtmlInputHidden y HtmlInputHidden.

Textarea

Inserta un elemento textarea. Puede cambiar el tamaño del control TextArea o utilizar sus barras de

desplazamiento para ver el texto que ocupa más espacio que el área de presentación. Para cambiar el texto

predeterminado que se muestra, modifique el atributo value. De forma predeterminada, se inserta id="textarea1"

para el primer área de texto, id=" textarea2" para el segundo, etc.

Cuando se arrastra Textarea a la superficie de la vista Diseño, en el documento se inserta código HTML similar al

siguiente:

<textarea id=" textarea 1 name=" textarea 1" rows=2 cols=20></textarea>

Para obtener más información, vea Sintaxis declarativa del control de servidor HtmlTextArea, HtmlTextArea y

TextBox.

Nota sobre la seguridad

44

Se recomienda que valide todos los datos proporcionados por el usuario. Para obtener más información,

vea Validating User Input in ASP.NET Web Pages.

Tabla

Inserta un elemento table.

Cuando se arrastra Tabla a la superficie de la vista Diseño, en el documento se inserta código HTML similar al

siguiente:

<table cellspacing="1" width="75%" border=1> <tr><td></td></tr></table>

Para obtener más información, vea Sintaxis declarativa del control de servidor HtmlTable, Table, TableRow, and

TableCell Web Server Control Overview, HtmlTable y Table.

Image

Inserta un elemento img. Modifique este elemento para especificar su src y su texto alt.

Cuando se arrastra Image a la superficie de la vista Diseño, en el documento se inserta código HTML similar al

siguiente:

<img alt="" src="">

Para obtener más información, vea Sintaxis declarativa del control de servidor HtmlImage, Image Web Server

Control Overview, HtmlImage, HtmlInputImage y Image.

Select

Inserta un elemento select desplegable (sin atributo size). De forma predeterminada, se inserta id="select1" para

el primer cuadro de lista, id="select2" para el segundo, etc.

Cuando se arrastra Seleccionar a la superficie de la vista Diseño, en el documento se inserta código HTML similar

al siguiente:

<select id="select1" name="select1"><option selected></option></select>

Puede crear un elemento select multilínea aumentando el valor de la propiedad de tamaño.

Para obtener más información, vea Sintaxis declarativa del control de servidor HtmlSelect, How to: Create Scripts

and Edit Event Handlers, DropDownList Web Server Control Overview, ListBox Web Server Control Overview,

HtmlSelect y DropDownList.

Horizontal Rule

Inserta un elemento hr. Para aumentar el grosor de la línea, modifique el atributo size.

45

Cuando se arrastra Horizontal Rule a la superficie de la vista Diseño, en el documento se inserta código HTML

similar al siguiente:

<hr width="100%" size=1>

Para obtener más información, vea HTML Horizontal Rule Control.

Div

Inserta un elemento div que incluye un atributo ms_positioning="FlowLayout". Excepto por WIDTH y HEIGHT, este

elemento es idéntico a un control Flow Layout Panel. Para dar formato al texto contenido en un elemento div,

agregue un atributo class="stylename" a la etiqueta de apertura.

Cuando se arrastra Div a la superficie de la vista Diseño, en el documento se inserta código HTML similar al

siguiente:

<div ms_positioning="FlowLayout" style="width: 70px; position: relative; height: 15px">Label</div>

Para obtener más información, vea HTML Div Control, Label Web Server Control Overview y Label.

General, CSS, Editor de texto, Opciones (Cuadro de diálogo) Permite especificar opciones para archivos CSS.

Este cuadro de diálogo permite cambiar el comportamiento predeterminado del Editor CSS mientras se editan

hojas de estilos.

Para obtener acceso a este cuadro de diálogo

1. En Microsoft Visual Web Developer, haga clic en Herramientas y, a continuación, en Opciones.

Se abre el cuadro de diálogo Opciones.

2. En el panel izquierdo, expanda el nodo Editor de texto, expando el nodo CSS y haga clic en General.

Si ha configurado el entorno para el desarrollo Web, este elemento no estará disponible a menos que se active la

casilla Mostrar todas las configuraciones. Para obtener más información sobre la configuración del entorno, vea

Cómo: Cambiar configuraciones seleccionadas.

Nota

Hay opciones adicionales para las hojas de estilos en cascada (CSS) debajo del nodo Diseñador HTML, que se ve

si está activada la casilla Mostrar todas las configuraciones.

Para obtener más información sobre las hojas de estilos, vea Cascading Style Sheet Editing (Visual Studio).

46

Tareas Información general sobre el trabajo con CSS

Elementos de interfaz de usuario

Finalización de instrucciones

Lista de miembros automática

Cuando está habilitada esta casilla, el Editor CSS muestra listas emergentes como ayuda para insertar pares de

atributo y valor en las declaraciones de estilo. Si se escribe un paréntesis de apertura ({) tras el selector de una

regla de estilos, al presionar una tecla aparecerá una lista de los atributos de estilo disponibles. Elija un elemento

de esta lista para insertarlo. A continuación, escriba dos puntos (:) para mostrar una lista de posibles valores.

Seleccione cualquier valor de la lista o escriba uno. A continuación, escriba un punto y coma (;) para finalizar la

declaración. Al presionar una tecla se volverá a abrir la lista de atributos de estilo disponibles.

Ocultar miembros avanzados

Esta opción no está disponible.

Información de parámetros

Cuando está seleccionada esta casilla, la sintaxis completa de la declaración actual aparece a la izquierda del punto

de inserción en el editor de la vista Código fuente, con todos los parámetros disponibles. El siguiente parámetro

que se puede asignar aparecerá en negrita.

Configuración

Habilitar espacio virtual

Cuando está activada esta casilla, se insertan espacios al final de cada línea del código de marcado. Seleccione

esta opción para colocar los comentarios en una posición coherente al lado del código de marcado.

Ajuste de línea

Cuando se activa esta casilla, cualquier parte de una línea que se extienda horizontalmente más allá del área

visible del editor aparecerá automáticamente en la siguiente línea. Al activar esta opción se habilita la casilla

Mostrar glifos visuales para ajuste de línea.

Mostrar glifos visuales para ajuste de línea

Cuando está activada esta casilla, se muestra un indicador de flecha devuelta () en el lugar donde una línea larga

se ajusta en una segunda línea. Desactive esta casilla si prefiere no mostrar estos indicadores.

Nota

Estas flechas de aviso no se agregan al código ni se imprimen. Sólo sirven como referencia.

Aplicar los comandos Cortar o Copiar a las líneas en blanco cuando no haya selección

Esta opción establece el comportamiento del editor cuando se coloca el punto de inserción en una línea en blanco,

no se selecciona nada y, a continuación, se usa el comando Copiar o Cortar.

Cuando está activada esta casilla, se copia o se corta la línea en blanco. Si se pega a continuación, se

inserta una línea en blanco nueva.

47

Cuando está desactivada esta casilla, no se puede copiar ni cortar nada. Si se pega a continuación, se pega

el contenido copiado recientemente. Si no se ha copiado nada antes, no se pega nada.

Esta opción no tiene ningún efecto en el comportamiento del comando Copiar o Cortar cuando la línea no está en

blanco. Si no se selecciona nada, se copia o se corta la línea completa. Si se pega a continuación, se pega el texto

de toda la línea y el carácter de fin de línea.

Nota

Con el fin de poder mostrar indicadores para los espacios, tabuladores y fines de la línea, y distinguir así

las líneas con sangría de las que están completamente en blanco, en el menú Edición seleccione Opciones

avanzadas y elija Ver espacios en blanco.

Display

Números de línea

Cuando está activada esta casilla, aparece un número de línea junto a cada línea en el editor CSS.

Nota

Estos números de línea no se agregan al código ni se imprimen. Sólo sirven como referencia.

Habilitar navegación a direcciones URL con un solo clic

Si está activada esta casilla, el puntero del mouse pasa a ser una mano cuando se sitúe sobre una dirección URL

en el editor CSS. Puede hacer clic en la dirección URL para mostrar la página indicada en el explorador web.

Barra de navegación

Esta opción no está disponible.

Validación, HTML, Editor de texto, Opciones (Cuadro de diálogo) Permite especificar opciones para páginas HTML.

Visual Studio 2013

Estas opciones permiten establecer preferencias en el modo en que el editor HTML comprueba si la sintaxis del

marcado HTML de un documento.

Para obtener acceso a este cuadro de diálogo

1. En Visual Web Developer, en la barra de menús, elija Herramientas, Opciones.

Se abre el cuadro de diálogo Opciones.

2. En el panel de la izquierda, abra el nodo Editor de texto, expanda el nodo HTML y, a continuación, elija

Validación.

48

Si ha configurado el entorno para el desarrollo Web, el nodo Validación estará en el nivel superior. Para obtener

más información sobre las configuraciones de entorno, vea Cómo: Cambiar configuraciones seleccionadas.

Nota

Hay opciones adicionales para trabajar con los editores de HTML y CSS debajo del nodo Diseñador HTML, que se

ve si está activada la casilla Mostrar todas las configuraciones.

Para obtener más información sobre configuraciones de validación, vea Validación de marcado en Visual Studio

para Web.

Tareas

Cómo: Seleccionar esquemas de validación para la edición de HTML en Visual Web Developer

.NET Framework 4

El editor HTML de Visual Studio puede comprobar el código de formato de la página e indicar cuándo no son

válidos los elementos, atributos o valores. El editor determina lo que es válido basándose en el esquema del

explorador actualmente seleccionado. Por ejemplo, si ha establecido el explorador en Internet Explorer 6, el

editor compara el código de formato de la página con un esquema que define qué considera HTML válido

Internet Explorer 6. Para obtener más información, vea Validación de formato en Visual Web Developer.

A fin de seleccionar un esquema de validación para la edición HTML mediante la barra de herramientas

Edición de código fuente HTML

En la barra de herramientas Edición de código fuente HTML, seleccione un esquema en la lista

desplegable Esquema de destino para validación. El valor predeterminado es Internet Explorer 6.0.

Para seleccionar un esquema de validación para la edición HTML mediante el cuadro de diálogo Opciones

1. En el menú Herramientas, haga clic en Opciones.

2. En el cuadro de diálogo Opciones, expanda los nodos Editor de texto y HTML y, a continuación, haga clic

en Validación.

3. En la lista Destino, seleccione el esquema que desee utilizar para la validación y, a continuación, hacer

clic en Aceptar.

Cómo: Establecer opciones de validación para la edición de HTML en Visual Web Developer

.NET Framework 4

Puede personalizar la validación de código de formato en el editor HTML para especificar si la validación

comprueba algunos tipos de construcciones. Puede seleccionar si la validación omite las letras mayúsculas en los

nombres de etiquetas y atributos, así como si se requiere comillas. Además, puede establecer las opciones de

validación para deshabilitar la validación HTML.

Para establecer las opciones de validación en la edición de HTML

1. En el menú Herramientas, haga clic en Opciones.

49

2. En el cuadro de diálogo Opciones, haga clic en Validación.

3. En el cuadro de diálogo Opciones, expanda los nodos Editor de texto y HTML y, a continuación, haga clic

en Validación.

Nota:

Las opciones de validación dependen del esquema de validación seleccionado en la lista desplegable

Destino. Por ejemplo, si el esquema de validación actual no permite letras en mayúsculas y minúsculas,

en nombres de elementos o atributos, dichas opción no se aplica al esquema de validación actual.

Para deshabilitar la validación en la edición de HTML

1. En el menú Herramientas, haga clic en Opciones.

2. En el cuadro de diálogo Opciones, haga clic en Validación.

3. Para deshabilitar la validación, desactive la casilla de verificación Mostrar errores y, a continuación, haga

clic en Aceptar.

Tutorial: Edición avanzada de HTML en Visual Studio para páginas de formularios Web Forms

Microsoft Visual Studio proporciona una completa experiencia de edición HTML para crear páginas web. En este

tutorial se presentan algunas de las características más avanzadas de edición HTML de Visual Studio. Para

obtener una introducción a la edición HTML, vea Tutorial: Edición básica de HTML en Visual Studio para páginas

de formularios Web Forms.

Nota

Los ejemplos de este tema son específicos de las páginas de formularios Web Forms de ASP.NET. Sin embargo,

puede usar las opciones de formato HTML para el marcado en páginas de formularios Web Forms, vistas de

ASP.NET MVC (Model View Controller), páginas ASP.NET Web Pages y páginas HTML.

Las tareas que se ilustran en este tutorial son las siguientes:

Especificar las opciones para que el editor HTML muestre el marcado en la vista Código fuente.

Seleccionar las opciones para que el editor HTML creado sea compatible con el esquema concreto

(estándares de marcado) como HTML5.

Esquematizar la página; es decir, crear regiones plegables en el editor para reducir el desorden.

Requisitos previos

Para completar las tareas de este tutorial, necesitará:

Conocimientos básicos de cómo trabajar con Visual Studio.

50

Para obtener una introducción a Visual Studio, vea Tutorial: Edición básica de HTML en Visual Studio para

páginas de formularios Web Forms.

Crear el sitio y la página web

Si ya ha creado un proyecto de formularios Web Forms en Visual Studio (por ejemplo, completando los pasos

descritos en Tutorial: Edición básica de HTML en Visual Studio para páginas de formularios Web Forms), vaya a

la sección siguiente. De lo contrario, cree un proyecto y una página web siguiendo estos pasos.

Para crear un proyecto de sitio web del sistema de archivos

1. Abra Visual Studio.

2. En el menú Archivo, elija Nuevo sitio Web.

Se abrirá el cuadro de diálogo Nuevo sitio web.

Nota

En este tutorial se usa un proyecto de sitio web. No obstante, puede usar un proyecto de aplicación

web si así lo desea. Para obtener información acerca de la diferencia entre estos tipos de proyecto

web, vea Proyectos de aplicación web frente a proyectos de sitio web.

3. En Instalado, seleccione el lenguaje de programación con el que prefiera trabajar.

4. En el panel Plantillas, elija Sitio de formularios Web Forms ASP.NET.

5. En el cuadro Ubicación, escriba el nombre de la carpeta donde desea conservar las páginas del sitio web.

Por ejemplo, escriba el nombre de carpeta C:\WebSites.

6. Elija Aceptar.

7. En el Explorador de soluciones, haga clic con el botón secundario en el nombre del sitio web y, a

continuación, elija Agregar nuevo elemento.

8. En Instalado, elija el lenguaje con el que desea trabajar.

9. En el panel Plantillas, elija Formulario Web Forms.

10. Elija Agregar.

51

Dar formato al marcado

El editor HTML proporciona diversas opciones que ayudan a dar formato al marcado de las páginas según las

preferencias del usuario. Las opciones de formato son, entre otras:

Si los nombres de las etiquetas y los atributos aparecen en mayúsculas o minúsculas. Puede especificar

por separado las opciones de las etiquetas HTML y los controles de servidor web de ASP.NET.

Si los atributos se agregan escribiéndolos entre comillas.

Si el editor cierra automáticamente los elementos. Las opciones incluyen la creación de etiquetas de

auto cierre (por ejemplo, <br />), la creación de etiquetas de apertura y de cierre (<p></p>) y la

inserción automática de etiquetas de cierre.

Cómo se aplica sangría los elementos secundarios de una etiqueta.

Dónde se insertan los saltos de línea en relación con las etiquetas.

Con independencia de las opciones de formato establecidas, tiene el control sobre el diseño y la apariencia del

marcado en el editor. Puede dar formato a los elementos manualmente (por ejemplo, aplicándoles sangría). El

editor deja el formato como está a menos que haga una solicitud explícitamente para cambiar el formato del

marcado.

En esta sección del tutorial, cambiará algunos valores que afectan a cómo el marcado se muestra en el editor y

cómo ver el efecto de estos cambios. También aprenderá a aplicar formato a una página entera o a una

selección dentro de la página.

Para agregar elementos HTML con opciones de formato predeterminadas

1. Cambie a la vista Diseño.

2. En el menú Tabla, elija Insertar tabla. No cambie ninguno de los ajustes predeterminados del cuadro de

diálogo.

3. Elija Aceptar.

El diseñador crea una tabla HTML con dos columnas y dos filas.

4. Debajo de la tabla, haga clic en la página.

5. Presione ENTRAR varias veces para crear espacio en blanco y, a continuación, desde el grupo HTML del

Cuadro de herramientas, arrastre un control Image hasta la página.

6. Cambie a la vista Código fuente.

Verá que los elementos <table> e <img> se han insertado en la página. Se resalta el elemento <img>.

52

De forma predeterminada, el diseñador crea elementos en los que los nombres de las etiquetas y los atributos

están en minúsculas y los atributos aparecen entre comillas.

Ahora puede cambiar las opciones de formato.

Para cambiar las opciones de formato y validación

1. En el menú Herramientas, elija Opciones.

2. Elija Editor de texto, expanda HTML y, a continuación, elija Validación.

3. En la lista Destino, elija HTML5.

Nota

En lugar de elegir manualmente un esquema predeterminado para las nuevas páginas con el que se va

a validar, puede elegir Usar doctype para validar la detección del esquema. Esta opción indicaría a

Visual Studio que usara la declaración DOCTYPE de la página para determinar el esquema que se va a

usar para la validación. En este tutorial, no active esta casilla para que pueda ver cómo la opción de

esquema de destino afecta al funcionamiento del editor.

4. Elija Formato.

Los cuadros desplegables Etiqueta del cliente y Atributos del cliente están habilitados porque seleccionó HTML5

en el paso anterior. Si hubiera mantenido el valor XHTML5 para Destino, estos dos cuadros desplegables

estarían en letras minúsculas y estarían deshabilitados porque XHTML5 necesita minúsculas.

Nota

Puede establecer de manera independiente algunas opciones para determinadas etiquetas del servidor

(controles de servidor ASP.NET) y etiquetas del cliente (elementos HTML) eligiendo Opciones

específicas de etiqueta. Más adelante en este tutorial, se usará esta característica.

5. Establezca la opción Etiqueta del cliente en Mayúsculas.

6. Desactive las casillas Insertar comillas de valores de atributos al escribir e Insertar comillas de valores de

atributos al aplicar formato.

7. Elija Aceptar para volver al editor.

Observe que, aunque ha modificado las opciones de formato, el marcado existente en la página no cambia.

Ahora puede agregar nuevos elementos.

Para agregar elementos HTML con las nuevas opciones de formato

1. En la vista Código fuente, desplácese a la parte inferior de la página.

2. Desde el grupo HTML del Cuadro de herramientas, arrastre un control Table hasta la página y colóquelo

sobre la etiqueta </form>.

53

Esta vez, las etiquetas del elemento <TABLE> aparecen en letras mayúsculas.

3. Debajo de la tabla que acaba de crear, coloque el punto de inserción y, a continuación, escriba un

corchete angular de apertura (<) para iniciar una nueva etiqueta.

Aparece una lista en la que todos los nombres de etiqueta se ofrecen en mayúsculas, porque ahora es el valor

predeterminado.

4. Escriba img en minúsculas.

IMG aparece en la lista en mayúsculas, reflejando la nueva grafía predeterminada para las etiquetas.

5. Presione la BARRA ESPACIADORA.

<IMG se escribe en la página en mayúsculas y aparece una lista de atributos de la etiqueta. Los atributos están

en minúsculas porque, al establecer las opciones de formato, dejó Minúsculas como valor predeterminado de

Atributos del cliente.

6. Escriba src=.

Normalmente, el editor proporciona un conjunto de comillas dobles después del signo igual. Sin embargo, como

ha deshabilitado la opción Insertar comillas de valores de atributos al escribir, el editor no las proporciona.

Nota

Si escribe un valor de atributo en la ventana Propiedades que contiene un espacio, el editor inserta

comillas, con independencia de la configuración de las opciones.

7. Escriba Graphic.gif (un nombre de archivo ficticio).

La etiqueta es similar ahora a la siguiente:

Copiar

<IMG src=Graphic.gif

8. Escriba una barra diagonal (/) y un corchete angular de cierre (>) para cerrar la etiqueta <img>. También

puede escribir un espacio y un corchete angular de cierre, y el editor proporciona la barra diagonal

automáticamente.

Al cambiar las opciones de formato, el marcado existente en una página no se ve afectado. Sin embargo, puede

aplicar la configuración de formato manualmente a una página o a cualquier parte de una página.

Para aplicar el formato a los elementos existentes

1. En la vista Código fuente, seleccione la primera tabla que creó (la que tenía el marcado en minúsculas).

2. En el menú Edición, elija Dar formato a la selección.

Los nombres de las etiquetas se cambian a mayúsculas.

54

Nota

El editor no quita las comillas, aunque haya cambiado la configuración de la opción. Asimismo, el editor

no cambia la terminación de las etiquetas existentes, aunque se cambie la opción de cierre de las

etiquetas.

Cuando se usan herramientas de edición, como Cuadro de herramientas o Propiedades, para editar elementos,

el editor usa el conjunto actual de opciones de formato para generar el marcado. Sin embargo, el editor no

cambia el marcado existente. Para aplicar las nuevas opciones de formato al marcado existente, use los

comandos Dar formato al documento y Dar formato a la selección en el menú Edición.

Definir las opciones de formato de las etiquetas

Las opciones de formato con las que hemos trabajado hasta este punto se aplican a todos los elementos de la

página. Si lo desea, también puede especificar opciones de formato para etiquetas individuales. Este enfoque

resulta útil si usa con frecuencia ciertas etiquetas y desea usar un formato distinto del predeterminado para

ellas. El formato por etiqueta permite establecer las opciones siguientes:

Cómo se cierran las etiquetas (es decir, si no se cierran, si tienen auto cierre o si se usa una etiqueta de

cierre independiente).

Cómo se usan los saltos de línea alrededor y dentro de las etiquetas.

Cómo se aplica sangría a los elementos secundarios de una etiqueta.

Nota

El editor HTML omite cualquier configuración de presentación de etiquetas que cambie la manera en

que el contenido de la etiqueta se presenta en el explorador.

En esta parte del tutorial, establecerá algunas opciones de formato para las etiquetas. Hasta ahora, ha trabajado

con elementos HTML, como el elemento <table>. Ahora, trabajará con algunos controles de servidor web

ASP.NET, para que pueda ver que las opciones de formato se aplican por igual a los controles y los elementos.

Para empezar, establecerá algunas opciones que se aplican a todas las etiquetas de un tipo concreto. Puede

establecer opciones para los siguientes tipos de elementos:

Elementos HTML que no tienen contenido, como br e input.

Elementos HTML que pueden tener contenido, como table y span.

Elementos de servidor (asp:) que no pueden tener contenido, como asp:image.

Elementos de servidor que pueden tener contenido, como asp:textbox.

Nota sobre la seguridad

Un control TextBox acepta datos proporcionados por el usuario, lo que puede suponer una amenaza para la

seguridad. De forma predeterminada, ASP.NET Web Pages valida que los datos proporcionados por el usuario

55

no incluyen elementos HTML ni de script. Para obtener más información, vea Información general sobre los

ataques mediante scripts.

En la primera parte de esta sección, agregue una tabla HTML. Cambiará a continuación las reglas de formato de

etiquetas para los elementos de tabla y cambiará el formato del documento para ver el efecto de modificar las

reglas de formato.

Para establecer las reglas de formato de etiquetas para una tabla HTML

1. En la vista Código fuente, en una parte en blanco de la ventana, haga clic con el botón secundario y, a

continuación, elija Formato y validación.

Nota

El comando Formato y validación solo está disponible en la vista Código fuente.

2. Aparece el cuadro de diálogo Opciones con las opciones de formato establecidas en la sección anterior.

3. En la lista Etiqueta de cliente, elija Minúsculas para restablecer el formato de las etiquetas del cliente.

4. Elija Aceptar para cerrar el cuadro de diálogo Opciones.

5. En el grupo HTML del Cuadro de herramientas, arrastre a la página un controlTable en la vista Código

fuente.

El editor crea un elemento <table> que tiene tres filas (elementos <tr>) y tres celdas (elementos <td>) en cada

fila. Cada etiqueta está en una línea independiente:

Copiar

<table>

<tr>

<td>

&nbsp;

</td>

</tr>

6. En una parte en blanco de la ventana, haga clic con el botón secundario y, a continuación, elija Formato

y validación.

7. Elija Opciones específicas de etiqueta.

8. Expanda Configuración predeterminada.

Aparece una lista de tipos de etiquetas, que comienza con La etiqueta del cliente no admite contenido. En

Configuración predeterminada, puede establecer diferentes opciones para los elementos del cliente y del

56

servidor, para los elementos que tienen contenido (como un elemento table) y para los elementos que no lo

tienen (como un elemento img).

9. Elija La etiqueta del cliente admite contenido.

La configuración predeterminada establece que las etiquetas usan una etiqueta de cierre independiente y que

hay saltos de línea delante, dentro y detrás de las etiquetas.

10. Expanda Etiquetas HTML cliente.

11. Elija td.

Establecerá opciones para cambiar el formato de las etiquetas td.

12. En la lista Saltos de línea, elija Ninguno.

13. Elija Aceptar para cerrar el cuadro de diálogo Opciones específicas de etiqueta y, a continuación, elija

Aceptar para cerrar el cuadro de diálogo Opciones.

14. En el menú Edición, elija Dar formato al documento.

Se cambia el formato del documento. Las etiquetas <td> de la tabla que agregó se colocan en una única línea:

Copiar

<table>

<tr>

<td>&nbsp; </td><td>&nbsp; </td><td>&nbsp; </td>

Ahora trabajará con opciones específicas de etiquetas para un control de servidor ASP.NET.

Para establecer las opciones de formato de un control de servidor ASP.NET

1. Cambie a la vista Diseño.

2. Desde el grupo Estándar del Cuadro de herramientas, arrastre un control ListBox hasta la página.

3. En el cuadro de diálogo Tareas de ListBox, elija Editar elementos.

Aparece el cuadro de diálogo Editor de la colección ListItem.

4. Elija Agregar dos veces para agregar dos elementos.

5. Bajo Miembros, elija el primer ListItem y, a continuación, bajo Propiedades de ListItem, establezca Text

en Item1.

6. Bajo Miembros, elija el segundo ListItem y, a continuación, bajo Propiedades de ListItem, establezca

Text en Item2.

7. Elija Aceptar para cerrar el cuadro de diálogo Editor de la colección de ListItem.

8. Cambie a la vista Código fuente.

57

El formato del control se ha definido de la siguiente forma:

Copiar

<asp:Listbox ID="ListBox1" runat="server">

<asp:ListItem>Item 1</asp:Listitem>

<asp:ListItem>Item 2</asp:Listitem>

</asp:Listbox>

9. En una parte en blanco de la ventana, haga clic con el botón secundario y, a continuación, elija Formato

y validación.

10. Elija Opciones específicas de etiqueta.

11. En el cuadro de diálogo Opciones específicas de etiqueta, elija Controles ASP.NET y, a continuación, elija

Nueva etiqueta.

12. En el cuadro Nombre de etiqueta, escriba asp:listitem.

No escriba los corchetes angulares de apertura y cierre (< y >) como parte del nombre de etiqueta.

Está estableciendo opciones para el elemento asp:ListItem que se usa dentro de un control ListBox. No establece

opciones para el elemento asp:ListBox porque desea controlar cómo se da formato al contenido (elementos

secundarios) del elemento asp:ListBox.

13. Elija Aceptar para cerrar el cuadro de diálogo Nueva etiqueta.

14. En la lista Saltos de línea, elija Ninguno.

Esta opción hace que el control no contenga ningún salto de línea.

15. Elija Aceptar para cerrar el cuadro de diálogo Opciones específicas de etiqueta y, a continuación, elija

Aceptar para cerrar el cuadro de diálogo Opciones.

Ahora puede ver el efecto de las nuevas opciones de formato.

Para agregar un control de servidor ASP.NET con las nuevas opciones de formato

1. Cambie a la vista Diseño.

2. Desde el grupo Estándar del Cuadro de herramientas, arrastre un segundo control ListBox hasta la

página.

3. En el menú Tareas de ListBox, elija Editar elementos.

4. Para el control ListBox, cree dos elementos como en el procedimiento anterior.

5. Cambie a la vista Código fuente.

58

Observe que todos los elementos <asp:ListItem> se encuentran en una línea. (Si el ajuste de etiquetas se

establece en el valor predeterminado de 80 caracteres, estarán en dos líneas. Puede modificar este valor en el

cuadro de diálogo Opciones.)

Aunque solo ha trabajado con dos controles y modificado una opción de formato (los saltos de línea), puede

aplicar opciones a todos los elementos de la misma manera.

Esquematizar elementos

En la vista Código fuente, puede esquematizar elementos (contraerlos y expandirlos) para que no estorben. Esta

característica resulta especialmente útil para elementos como las tablas, que suelen ocupar mucho espacio. La

característica de contracción también se puede usar para cualquier elemento de la página.

Para esquematizar elementos

1. Seleccione una de las tablas que agregó anteriormente.

2. En el menú Edición, elija Esquematización y, a continuación, elija Ocultar selección.

Se contrae la etiqueta <table> y se muestra un signo más (+) en el margen.

3. Elija el signo más para expandir el elemento de tabla.

También puede configurar los elementos de manera que los signos más (+) y menos (-) aparezcan

automáticamente en el margen cuando los elementos superen un tamaño concreto.

Para configurar cómo se esquematizan los elementos automáticamente

1. Haga clic con el botón secundario en la página, elija Formato y validación, elija Formato y, a

continuación, elija Opciones específicas de etiqueta.

2. En el cuadro de diálogo Opciones específicas de tabulación, expanda Etiquetas HTML cliente y, a

continuación, elija tabla.

3. En Esquematización en el editor de código, en el cuadro Mínimo de líneas, confirme que el valor se

establece en 5 (configuración predeterminada).

4. Elija Aceptar y, a continuación, elija Aceptar.

Para las tablas existentes y cualquier nueva tabla que se agregue, la esquematización aparece automáticamente

si la tabla tiene más de cinco líneas.

Validar HTML

El editor HTML puede validar el código HTML o comprobar que cumple las reglas de exploradores o estándares

concretos, como XHTML5. Por ejemplo, el editor puede encontrar etiquetas y atributos no aceptados por XHTML

1.1 o no conformes a los estándares HTML5.

59

En esta parte del tutorial, se trabaja con diferentes esquemas y se introducen algunos errores leves para ver

cómo los marca el editor.

Para probar la validación en el editor

1. En la barra de herramientas Edición de código fuente HTML, en la lista de Esquema de destino para

validación, elija HTML 4.01.

2. Desplácese a la parte inferior de la página.

3. Dentro de la etiqueta </form>, escriba el código HTML siguiente:

Copiar

<font face=arial>

<a href=Default.aspx >Default Page </a>

</font>

Mientras escribe, la tecnología IntelliSense de Microsoft proporciona ayuda para completar las etiquetas.

4. En la barra de herramientas Edición de código fuente HTML, en la lista, elija XHTML5.

Después de una pausa corta (ya que la validación se realiza como una tarea en segundo plano), verá líneas

onduladas debajo de varias partes de las etiquetas. Como un corrector ortográfico, la característica de validación

HTML encuentra el marcado de la página que el esquema actualmente seleccionado no puede aceptar.

5. En la etiqueta <font>, descanse el puntero del mouse sobre palabra font.

Una información sobre herramientas indica que el esquema seleccionado no admite el elemento font. La norma

recomendada es usar estilos de hojas de estilos en cascada para el formato de texto. Por ejemplo: <span

style="font-family:Arial;"></span>.

6. En el atributo href de la etiqueta <a>, descanse el puntero del mouse sobre Default.aspx.

Una información sobre herramientas le comunica que, en el esquema actual, tiene que rodear los atributos de

comillas.

7. Escriba Default.aspx entre comillas.

El valor del atributo href ya no aparece subrayado.

8. En la línea que hay debajo del HTML con el que trabaja, escriba <fo.

Aparece la lista desplegable de IntelliSense, pero esta vez no ofrece font, porque el elemento font no es válido

en los esquemas XHTML.

9. Elimine el corchete angular de apertura (<).

Establecer opciones de validación

60

Puede controlar los errores que muestra la validación. Esta opción resulta útil si se desea que la validación

notifique ciertos tipos de errores, aun cuando un esquema determinado los permita.

Para establecer las opciones de validación

1. En la vista Código fuente, haga clic con el botón secundario en la página y, a continuación, elija Formato

y validación.

2. En el cuadro de diálogo Opciones, elija Validación.

Observe que, con independencia de si la casilla Mostrar errores está activada o desactivada, la visualización de

errores para las casillas no está habilitada. Esta opción no está habilitada porque el esquema actual es XHTML,

que ya muestra todos los posibles errores de validación.

3. En la lista Destino, elija HTML5.

4. Asegúrese de que la casilla Mostrar errores está activada y, a continuación, en Mostrar errores, active

todas las casillas.

5. Elija Aceptar para volver al editor.

6. Seleccione el marcado <font> que escribió anteriormente.

7. En el menú Edición, seleccione Avanzadas y elija Poner en mayúsculas.

Después de una pausa breve, se subrayan los nombres de etiqueta. Cuando se descansa el puntero del mouse

sobre HREF, una información sobre herramientas indica que el nombre contiene letras mayúsculas. HTML5

permite nombres de etiquetas en mayúsculas, pero ahora aparece este error de validación porque ha elegido

que se le avise cuando las etiquetas no estén en minúsculas.

Más información sobre la validación

La validación puede encontrar otros muchos tipos de errores, como identificadores de controles duplicados,

etiquetas de apertura y cierre cruzadas como <b><i></b></i>). Sin embargo, la validación en el editor no impide

la creación de cualquier código HTML que se desee. La validación simplemente identifica el marcado que no

cumple las reglas del esquema especificado.

Una página presentada de ASP.NET contiene los elementos HTML agregados y el código HTML que los controles

de servidor ASP.NET y el código de su aplicación genera. La validación no puede examinar el resultado de esos

elementos dinámicos; es decir, el editor no puede examinar la validez del resultado generado.

Pasos siguientes

Este tutorial ha presentado algunas de las características más avanzadas del editor HTML. Aunque el tutorial no

ha ilustrado todas las características, ha podido ver cómo las opciones de formato, la esquematización y la

validación pueden ayudar a generar marcado con formato personalizado y bien configurado.

61

Elementos de interfaz de usuario Usar DOCTYPE para la detección del esquema de validación

Un esquema determina qué elementos, atributos y uso de mayúsculas son válidos en ese esquema. (También

determina las etiquetas y los atributos que estarán disponibles en IntelliSense). Seleccione esta opción si desea

que Visual Studio use el contenido de la declaración <!DOCTYPE> y el elemento html de la página para determinar

el esquema. Por ejemplo, si selecciona esta opción y la página contiene la declaración <!DOCTYPE html>, Visual

Studio usa el esquema HTML5. Sin embargo, si la etiqueta html contiene un atributo xmlns (por ejemplo,

<html xmlns="http://www.w3.org/1999/xhtml">), Visual Studio usa el esquema XHTML5.

Destino cuando no se encontró ningún DOCTYPE

Elija el esquema con el que se va a validar cuando no hay ninguna declaración <!DOCTYPE> en la página.

Mostrar errores

Active la casilla para habilitar la validación. Si la casilla no está activada, el editor no marcará los errores de

validación.

Otras opciones

Las casillas restantes permiten ajustar la validación con mayor precisión, especificando los tipos de errores

individuales que desee que marque el editor.

Nota

Algunos esquemas no ofrecen opciones para marcar tipos concretos de errores. Por ejemplo, si elige

XHTML 1.1 como esquema de destino, todas las casillas de opciones se deshabilitan, porque en ese caso

se marcan todos los tipos de errores.

soutien-iT

Revisión febrero 2015

Guía libre; prohibida su venta, reproducción parcial o total.