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


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!).


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


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"
},

5

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

masukkan deskripsi gambar di sini


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
}
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.