¿Cómo agregar más sangría en la estructura del árbol de archivos del explorador?

103

¿Cómo agregar más sangría en una estructura de árbol de archivos? Tiene un poco de sangría que quiero aumentar más al igual que NetBeans.

comprobar la imagen

ingrese la descripción de la imagen aquí

Akshay Kumar
fuente
2
Es realmente imposible ver dónde estás con tan poca sangría, ¿no? Un defecto tan ridículo.
Andy

Respuestas:

162

Vaya a Archivo> Preferencias> Configuración y elija:

Banco de trabajo ›Árbol: sangría

Controla la sangría del árbol en píxeles.

 "workbench.tree.indent": 10

y elija un número suficientemente alto para usted.

También vea mi respuesta en la barra lateral del código de Visual Studio Guía vertical (barra lateral personalizada) donde con v1.36 puede agregar guías de sangría de árbol coloreadas para hacer que la estructura del archivo del explorador sea más obvia.

demostración de las pautas del explorador

La imagen de ejemplo usa: "tree.indentGuidesStroke": "#00ff00"en el colorCustomizations(¡normalmente no uso un color verde!).

marca
fuente
1
Muchas gracias, @Mark, ni siquiera sabía que existía esta opción. Trabajó para mí
Omar
7
Debo mencionar que esto está disponible en File --> Preference --> Settings. En el campo de búsqueda, escribe workbench:treey luego obtendrá la opción de modificar.
Pramod
23

Para Mac, usar su barra de menú sería

Code > Preferences > Settings

Luego, en la configuración de búsqueda, escriba: treeo vaya a

Workbench > Appearance > Tree: Indent (Controla la sangría del árbol en píxeles)

y establece tu sangría preferida

MarlonFolken
fuente
11

Si solo desea cambiar la sangría, puede usar:

"workbench.tree.indent": 18,

También puede agregar pautas con:

"workbench.tree.renderIndentGuides": "always",

También puede cambiar su color usando:

"workbench.colorCustomizations": {
    "tree.indentGuidesStroke": "#008070"
},
Addison
fuente
4

Además de las otras respuestas que involucran archivos de configuración, la sangría también se puede cambiar en la GUI Archivos / Preferencias / Configuración :

ingrese la descripción de la imagen aquí

Chris Peacock
fuente
1
{  
 "workbench.tree.indent": 20,  // just paste this line of code in setting.json file
  "editor.mouseWheelZoom": true // for zoom in & out font size with Ctrl+ mouse scroll
}
Akshay Kumar
fuente