エクスプローラーファイルのツリー構造にインデントを追加するにはどうすればよいですか？

117

ファイルツリー構造にインデントを追加するにはどうすればよいですか？NetBeansと同じように、少しインデントを増やしたいと思います。

画像を確認してください

ここに画像の説明を入力してください

visual-studio-code vscode-settings

— アクシャイ・クマール
ソース

5

インデントが少ないと、自分がどこにいるかを確認するのは本当に不可能ですよね。そのようなばかげたデフォルト。

— アンディ

ご質問ありがとうございます！いよいよこのIDEが楽しめます。デフォルトのツリーインデントがとてつもなく小さいのは残念です。ハッピーコーディング！

— 結合

181

[ファイル]> [設定]> [設定]に移動し、次を選択します。

ワークベンチ›ツリー：インデント

ツリーのインデントをピクセル単位で制御します。

 "workbench.tree.indent": 10

十分な数を選択してください。

また、Visual Studioコードサイドバーの垂直ガイドライン（サイドバーのカスタマイズ）で私の回答を参照してください。v1.36では、色付きのツリーインデントガイドを追加して、エクスプローラーのファイル構造をより明確にすることができます。

例えば、画像の用途："tree.indentGuidesStroke": "#00ff00"中colorCustomizations（私は通常は緑色を使用しないでください！）。

— マーク
ソース

3

どうもありがとう、@ Mark、私はこのオプションが存在することさえ知りませんでした。私のために働いた

— オマール

8

これはで利用可能であることに言及する必要がありますFile --> Preference --> Settings。検索フィールドに入力するworkbench:treeと、変更するオプションが表示されます。

— プラモッド

どうもありがとうございます！これは、このIDEを最初に発見して以来、私の単一で最も必要なIDEの修正/カスタマイズです。

— 結合

24

Macの場合、メニューバーを使用すると

Code > Preferences > Settings

次に、検索設定で次のように入力します。treeまたはに移動します。

Workbench > Appearance > Tree: Indent （ピクセル単位でツリーのインデントを制御します）

好みのインデントを設定します

— MarlonFolken
ソース

13

インデントを変更したいだけの場合は、次を使用できます。

"workbench.tree.indent": 18,

次の方法でガイドラインを追加することもできます。

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

次を使用して色を変更することもできます。

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

— アディソン
ソース

5

設定ファイルに関連する他の回答に加えて、インデントはファイル/設定/設定GUIでも変更できます。

— クリスピーコック
ソース

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
}

— アクシャイ・クマール
ソース