Bagaimana cara menambahkan lebih banyak lekukan dalam struktur pohon file explorer?

119

Bagaimana cara menambahkan lebih banyak lekukan dalam struktur pohon file? Ini memiliki sedikit lekukan yang ingin saya tingkatkan lebih seperti NetBeans.

periksa gambarnya

masukkan deskripsi gambar di sini

visual-studio-code vscode-settings Akshay Kumar
sumber
5
Benar-benar mustahil untuk melihat di mana Anda berada dengan sedikit lekukan, bukan? Sebuah default yang konyol.
Andy
Terima kasih atas pertanyaan Anda! Akhirnya saya bisa menikmati IDE ini. Sayangnya lekukan pohon default sangat kecil. Selamat membuat kode!
Gabungkan

Jawaban:

184

Buka File> Preferensi> Pengaturan dan pilih:

Meja Kerja ›Pohon: Indentasi

Mengontrol lekukan pohon dalam piksel.

 "workbench.tree.indent": 10

dan pilih angka yang cukup tinggi untuk Anda.

Juga lihat jawaban saya di Visual Studio code sidebar Vertical guideline (sesuaikan sidebar) di mana dengan v1.36 Anda dapat menambahkan panduan indentasi pohon berwarna untuk membuat struktur file explorer lebih jelas.

demo pedoman penjelajah

Contoh gambar menggunakan: "tree.indentGuidesStroke": "#00ff00"di colorCustomizations(Saya biasanya tidak menggunakan warna hijau!).

Menandai
sumber
3
Terima kasih banyak, @Mark, saya bahkan tidak tahu opsi ini ada. Bekerja untuk saya
Omar
8
Saya harus menyebutkan bahwa ini tersedia di File --> Preference --> Settings. Di bidang pencarian, Anda mengetik workbench:treedan kemudian Anda akan mendapatkan opsi untuk memodifikasi.
Pramod
Terima kasih banyak! Ini adalah perbaikan / kustomisasi IDE tunggal dan paling saya inginkan sejak pertama kali saya menemukan IDE ini.
Gabungkan
25

Untuk Mac, menggunakan bilah menu Anda adalah

Code > Preferences > Settings

Kemudian di Jenis pengaturan pencarian: treeatau pergi ke

Workbench > Appearance > Tree: Indent (Mengontrol lekukan pohon dalam piksel)

dan atur indentasi pilihan Anda

MarlonFolken
sumber
13

Jika Anda hanya ingin mengubah indentasi, Anda dapat menggunakan:

"workbench.tree.indent": 18,

Anda juga dapat menambahkan pedoman dengan:

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

Anda juga dapat mengubah warnanya menggunakan:

"workbench.colorCustomizations": {
    "tree.indentGuidesStroke": "#008070"
},
Addison
sumber
5

Selain jawaban lain yang melibatkan file pengaturan, indentasi juga dapat diubah di File / Preferensi / Pengaturan GUI:

masukkan deskripsi gambar di sini

Chris Peacock
sumber
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
sumber