Elementos Generales de La Interfaz de Usuario
-
Upload
alberto-garcia -
Category
Documents
-
view
225 -
download
3
description
Transcript of Elementos Generales de La Interfaz de Usuario
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>
</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> </td><td> </td><td> </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.