如何在文件树结构中添加更多的缩进?它有点缩进,我想增加更多,就像净豆一样

Aks*_*mar 20 visual-studio-code vscode-settings

如何在文件树结构中添加更多的缩进?我想像NetBeans一样增加一些缩进。

检查图像

在此处输入图片说明

Mar*_*ark 32

工作台›树:缩进

控制以像素为单位的树缩进。

 "workbench.tree.indent": 10
Run Code Online (Sandbox Code Playgroud)

并为您选择足够高的数字。

也可以在Visual Studio代码的侧边栏垂直指南(自定义侧边栏)中看到我的答案,在此您可以使用v1.36添加彩色的树缩进指南以使资源管理器文件结构更加明显。

资源管理器指南演示

示例图片使用:"tree.indentGuidesStroke": "#00ff00" in thecolorCustomizations`(我通常不使用绿色!)。

  • 我应该提到,这可以在“文件 --> 首选项 --> 设置”中找到。在搜索字段中,输入“workbench:tree”,然后您将获得修改选项。 (9认同)
  • 将其设置为 16 非常好;哇,现在感觉整洁程度有很大的不同。 (5认同)
  • 非常感谢,@Mark,我什至不知道这个选项的存在。为我工作 (4认同)
  • 具体来说,它是“设置 > 工作台 > 外观 > 树:缩进” (3认同)

Add*_*son 24

如果您只想更改缩进,可以使用:

"workbench.tree.indent": 18,
Run Code Online (Sandbox Code Playgroud)

您也可以添加指南:

"workbench.tree.renderIndentGuides": "always",
Run Code Online (Sandbox Code Playgroud)

您还可以使用以下方法更改它们的颜色:

"workbench.colorCustomizations": {
    "tree.indentGuidesStroke": "#008070"
},
Run Code Online (Sandbox Code Playgroud)


Fer*_*gus 21

截至 Visual Studio 代码版本:1.59.0+

你得走了:Code (on menu bar) > preferences > [user menu] > Appearance > tree:indent

我把它设置为22。

在此输入图像描述


Chr*_*ock 7

除了涉及设置文件的其他答案外,还可以在文件/首选项/设置GUI 中更改缩进:

在此处输入图片说明


小智 6

对于Mac,使用菜单栏是

Code > Preferences > Settings

然后在“搜索设置”中输入:tree或转到

Workbench > Appearance > Tree: Indent (以像素为单位控制树的缩进)

并设置您的首选缩进


Aks*_*mar 5

{  
 "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
}
Run Code Online (Sandbox Code Playgroud)