zl程序教程

您现在的位置是:首页 >  工具

当前栏目

vscode 调整文件夹目录缩进大小

VSCode 目录 大小 文件夹 调整 缩进
2023-09-11 14:19:00 时间

调整左侧目录树父子层级的缩进大小:

现在电脑普遍分辨率较高,尤其一些高配电脑,屏幕分辨率很高。在这些电脑中安装VS Code后,导入代码工作空间后,会发现左侧的文件目录树父子层级间的缩进很小:

如上图,父子层级的缩进很小,层级关系不是很明显,在MacBook等retina屏幕中,更为严重,多个层级几乎都在一条竖线上。

目录父子层级太小,会让人感到目录层级不明显、难以一眼分辨清楚,造成不好的体验。犹豫目录层级关系不明显,更有可能搞错目录、张冠李戴修改了本不应修改的文件,造成一定事故的风险。

如何修改目录树层级缩进大小呢?

我们打开设置(Settings)项,找到Workbench->Appearance节点,找到里面的tree: Indent一项,这项便是设置目录树层级缩进大小的,修改输入框中的数字,单位是像素,观察实际缩进大小修改都一个合适的大小即可。

可以看到默认是8像素,对于高分屏来说,8像素实在是很小的距离,难怪层级缩进不明显。改为24像素的效果如下:

可见目录层级比上面明显很多了。

 

参考文章:Visual Studio Code的一些使用技巧 | Antbaba技术博客