Jak dodać więcej wcięć w strukturze drzewa plików eksploratora?

120

Jak dodać więcej wcięć w strukturze drzewa plików? Ma małe wcięcie, które chcę zwiększyć bardziej, tak jak NetBeans.

sprawdź obraz

wprowadź opis obrazu tutaj

visual-studio-code vscode-settings Akshay Kumar
źródło
6
Naprawdę niemożliwe jest zobaczenie, gdzie jesteś z tak małym wcięciem, prawda? Taki absurdalny błąd.
Andy
Dziękuję za Twoje pytanie! Wreszcie mogę cieszyć się tym IDE. Szkoda, że ​​domyślne wcięcie drzewa jest tak absurdalnie małe. Miłego kodowania!
Połącz

Odpowiedzi:

187

Przejdź do Plik> Preferencje> Ustawienia i wybierz:

Środowisko pracy ›Drzewo: Wcięcie

Steruje wcięciem drzewa w pikselach.

 "workbench.tree.indent": 10

i wybierz wystarczająco wysoką liczbę dla siebie.

Zobacz także moją odpowiedź na pasku bocznym kodu programu Visual Studio. Wytyczne pionowe (dostosuj pasek boczny), gdzie w wersji 1.36 można dodać kolorowe prowadnice wcięć w drzewie, aby struktura pliku eksploratora była bardziej oczywista.

demo wytycznych eksploratora

Przykładowe zdjęcie używa: "tree.indentGuidesStroke": "#00ff00"w colorCustomizations(normalnie nie używam koloru zielonego!).

znak
źródło
3
Wielkie dzięki, @Mark, nawet nie wiedziałem, że ta opcja istnieje. Pracował dla mnie
Omar
8
Powinienem wspomnieć, że jest to dostępne w File --> Preference --> Settings. W polu wyszukiwania wpisz, workbench:treea następnie pojawi się opcja modyfikacji.
Pramod
Dziękuję bardzo! To jest moja jedyna i najbardziej poszukiwana poprawka / dostosowywanie IDE, odkąd odkryłem to IDE.
Połącz
25

W przypadku komputerów Mac użycie paska menu byłoby

Code > Preferences > Settings

Następnie w ustawieniach wyszukiwania wpisz: treelub przejdź do

Workbench > Appearance > Tree: Indent (Kontroluje wcięcie drzewa w pikselach)

i ustaw preferowane wcięcie

MarlonFolken
źródło
13

Jeśli chcesz tylko zmienić wcięcie, możesz użyć:

"workbench.tree.indent": 18,

Możesz również dodać wytyczne za pomocą:

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

Możesz także zmienić ich kolor za pomocą:

"workbench.colorCustomizations": {
    "tree.indentGuidesStroke": "#008070"
},
Addison
źródło
5

Oprócz innych odpowiedzi dotyczących plików ustawień, wcięcie można również zmienić w graficznym interfejsie użytkownika Pliki / Preferencje / Ustawienia :

wprowadź opis obrazu tutaj

Chris Peacock
źródło
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
źródło