visual temas tag studio para español configurar code closing brackethighlighter bracket visual-studio outline-view

visual-studio - temas - visual studio code español



¿Cómo mostrar el esquema del código en Visual Studio? (17)

Este tipo de cosas existe en Eclipse:

Pero todavía no lo encontré en Visual Studio. ¿Hay alguna ventana para mostrar el esquema del código?

Intenté ambas ventanas, Document Outline y Class View. La Vista de clase está cerca, pero solo muestra información de la clase, ¿también puede obtener información de función?


Ahora hay un complemento gratuito disponible a través del administrador de complementos en VS2010 que funciona bastante bien. También tiene un tema oscuro.

VS10x Code Map v2

Captura de pantalla:


El truco es llamar Ctrl + F2, luego Tab, luego Tab, luego flecha hacia abajo. Lo hice con este sencillo script de AutoHotkey cuando presiono Ctrl + o:

#IfWinActive ahk_exe devenv.exe ^o:: Send ^{F2} Send {Tab} Send {Tab} Send {Down} return #IfWinActive

Mostrará el menú desplegable que está más cerca de Quick Outline en Eclipse u otros.


Empecé a usar VSCommands 10 .

Esto tiene soporte para los lenguajes más comunes utilizados al desarrollar en Visual Studio 2010, incluido JavaScript.


En VS2017, puede navegar entre los elementos del archivo directamente desde la esquina superior derecha del Editor.


En las versiones más nuevas de Visual Studio (por ejemplo, 2015), puede ver esto directamente en el explorador de soluciones. Simplemente expanda el archivo .cs y obtendrá la lista de los métodos en el orden en que aparecen en el archivo. Esto es exactamente lo mismo que el Contorno en Eclipse.

Si desea ver las cosas alfabéticamente, abra el archivo y entre el panel de pestañas y el editor, hay una fila que muestra el nombre del proyecto, el nombre de la clase con el espacio de nombres y un menú desplegable con los métodos y propiedades disponibles.


Esta pregunta se hizo hace bastante tiempo y antes de que existiera Visual Studio Code, pero lo encontré cuando buscaba cómo hacer esto con Visual Studio Code, así que pensé que los demás también podrían tropezar con esta pregunta, así que pensé en compartir mi solución. Aquí le mostramos cómo hacerlo en Visual Studio Code. Estoy usando TypeScript pero también funciona para JavaScript.

1) Vista -> Vista abierta

2) seleccionar (o escribir) esquema

3) Ahora obtendrá una paleta de esquema que muestra información completa sobre la clase, incluidas propiedades y funciones.


Existe una extensión gratuita, de Microsoft, que habilita esta y muchas otras características en Visual Studio. La extensión es Productivity Power Tools .


Puede usar la ventana de vista de clase, o puede usar el delineamiento para contraer la ventana de código a las definiciones (Ctrl-MO y Ctrl ML en la configuración estándar del teclado)


Resharper tiene una función de inspección. Puede ver las llamadas entrantes y salientes desde allí.

atajo: CTRL + Shift + ALT +


Si usa PHP, asegúrese de instalar la versión completa como se menciona en los docs



Tenía la misma necesidad de ver el esquema del código: es más fácil entender la organización del código de alguien. Intenté Ctrl + Shift + O y no me gustó. Se encontraron 2 complementos gratuitos en el mercado. Intenté este por Patryk Zawadzki y encontré si práctico y atractivo.

Después de la instalación y recarga de VSC, busque en el panel Explorador el nuevo separador "Contorno de código" en la parte inferior.


Un gran complemento para VS es CodeMaid . ¡Es poderoso y es de código abierto! También puede ordenar sus métodos dentro de la vista de CodeMaid Spade.

Aquí hay una captura de pantalla.


Vaya a "Solution Explorer" y seleccione su proyecto; luego seleccione un archivo de clase que desee delinear, luego expanda el pequeño triángulo justo debajo de esa clase (como se muestra en la figura a continuación)




  • no es gratis, pero si instala Visual AssistX, cada documento obtiene un cuadro desplegable que enumera todos los métodos en un archivo (alfabéticamente o en el orden en que ocurren)

  • verifique Class View nuevamente, muestra funciones (pero no por documento). También consulte la Ventana de Definición de Código, extremadamente agradable cuando se combina con la Vista de Clase.