如何在 Visual Studio 代码资源管理器文件树结构中添加更多缩进？

Posted 2023-02-19

【中文标题】如何在 Visual Studio 代码资源管理器文件树结构中添加更多缩进？

【英文标题】：How to add more indentation in the Visual Studio code explorer file tree structure?

【发布时间】：2019-08-14 02:19:11

【问题描述】：

如何在文件树结构中添加更多缩进？它有一点缩进，我想像 NetBeans 一样增加更多。

查看图片

【问题讨论】：

用这么少的压痕真的不可能看到你在哪里，不是吗？如此荒谬的默认设置。

感谢您的提问！终于可以享受这个IDE了。很遗憾，默认的树缩进是如此可笑的小。编码愉快！

上帝保佑这个问题！

这让你想知道这些设计师有时在想什么......

【参考方案1】：

转到文件>首选项>设置并选择：

工作台 › 树：缩进

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

或（在您的 settings.json 中直接输入）

 "workbench.tree.indent": 10

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

另请参阅我在 Visual Studio code sidebar Vertical guideline (customize sidebar) 的回答，在 v1.36 中，您可以添加彩色树缩进指南，以使资源管理器文件结构更加明显。

示例图片使用："tree.indentGuidesStroke": "#00ff00"中的colorCustomizations，所以指引线会显示为绿色。

                                         // in settings.json
  "workbench.colorCustomizations": 
    "tree.indentGuidesStroke": "#00ff00"

【讨论】：

非常感谢，@Mark，我什至不知道这个选项存在。为我工作

我应该提到这在File --> Preference --> Settings 中可用。在搜索字段中，您输入workbench:tree，然后您将获得修改选项。

非常感谢！自从我第一次发现这个 IDE 以来，这是我最想要的 IDE 修复/定制。

具体来说是Settings > Workbench > Appearance > Tree: Indent

将此设置为 16 是崇高的；哇，它现在的整洁感觉有很大的不同。

【参考方案2】：

对于 Mac，使用您的菜单栏将是

Code > Preferences > Settings

然后在搜索设置中输入：tree 或转到

Workbench > Appearance > Tree: Indent（以像素为单位控制树缩进）

并设置您喜欢的缩进

【参考方案3】：

如果您只想更改缩进，可以设置以下选项： 按 Ctrl+Shift+P -> 转到首选项：打开设置 (JSON)

"workbench.tree.indent": 18,

您也可以添加指南：

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

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

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

【讨论】：

Ctrl+Shift+P --> 转到首选项：打开设置 (JSON)

【参考方案4】：

除了涉及设置文件的其他答案之外，还可以在 Files / Preferences / Settings GUI 中更改缩进：

【参考方案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

【参考方案6】：

截至 Visual Studio 代码版本：1.59.0+

你必须去：Code (on menu bar) > preferences > [user menu] > Appearance > tree:indent

我将它设置为 22。