vscode如何设置文件折叠

女爷i 2024-03-03 09:02 79阅读 0赞

随着项目的不断迭代开发，复杂度越来越高，配置文件越来越多，导致vscode左侧文件列表展示非常不直观，幸好可以通过文件折叠来简化展示效果，把同类相关的文件折叠在一块展示，方便查看配置文件。配置好后的效果如图：

![ee9c9d34907e449a891faf3cfe34e3ac.png][]

#### 1、vscode版本 ####

首先确保vscode版本大于1.67，只有这个版本以后的资源管理器才支持根据文件的名称嵌套相关文件。

#### 2、启用文件嵌套配置 ####

进入vscode配置页面，如下图所示启用资源管理器的文件嵌套配置。

![9a71e776325546929a7c0dbaa9cdedb3.png][]

#### **3、设置可以嵌套的文件规则** ####

![597049ce3a8148529538646f4f876b7f.png][]

> 例如.eslintrc.js的配置：
> 
> .eslintignore,.prettierignore,.stylelintignore,.commitlintrc.js,prettier.config.js,
> 
> .prettierrc.js,.prettierrc,.stylelintrc.js

--------------------

[新时代农民工][Link 1]

[ee9c9d34907e449a891faf3cfe34e3ac.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/18acd7b60e01408e9893cf90e6943e0a.png
[9a71e776325546929a7c0dbaa9cdedb3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/2065c8cc2e1a4ad08954623a960df65c.png
[597049ce3a8148529538646f4f876b7f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/03/16705c5d99bc48c1ac0ca58302a3bcd0.png
[Link 1]: https://www.sgknight.cn/

发表评论取消回复

表情：

评论列表（有 0 条评论，79人围观）

还没有评论，来说两句吧...

相关阅读

相关 vscode如何设置文件折叠

随着项目的不断迭代开发，复杂度越来越高，配置文件越来越多，导致vscode左侧文件列表展示非常不直观，幸好可以通过文件折叠来简化展示效果，把同类相关的文件折叠在一块展示，方便查

女爷i/ 2024年03月03日 09:02/ 0 赞/ 80 阅读

相关解决vscode文件夹折叠问题

> vscode默认会将文件夹折叠起来 ![在这里插入图片描述][0ac100df8f63467a914ac3d3eddac262.png] 解决文件夹折叠问题步骤： 1

桃扇骨/ 2023年09月28日 20:51/ 0 赞/ 102 阅读

相关 VSCode 代码块/全文折叠/展开快捷键

需求 && 操作常用的两类场景(注意要操作的范围)：要操作光标所在`文件`中的所有代码块：折叠所有 `Ctrl+K+0`

小鱼儿/ 2022年12月04日 05:23/ 0 赞/ 523 阅读

相关 vscode如何运行html文件

文章目录步骤 1、打开vscode软件，编写一个html页面，如下： 2、点击扩展图标 3、搜索\`open in bro

Myth丶恋晨/ 2022年10月13日 01:49/ 0 赞/ 267 阅读

相关 VIM设置代码折叠

在查看代码的时候，如果代码十分冗长，尤其是c/c++系列的时候，代码结构比较让人难以理清，主要是各种注释、括号的匹配问题，虽然可以用%来查看匹配的另外一半符号在哪里，但

阳光穿透心脏的1/2处/ 2022年09月21日 01:13/ 0 赞/ 196 阅读

相关设置VS代码折叠

（中文版）工具--选项--文本编辑器--C/C++--格式设置--大纲语句块（英文版）Tools---Options---Text Editor----c/c++---Form

小灰灰/ 2022年06月06日 11:28/ 0 赞/ 380 阅读

相关如何在VSCode设置/取消隐藏文件

在学习 Husky 的时候，想要在 VSCode 里面查看 `.git` 文件夹下的 `hooks` 文件夹，却连 `.git` 文件夹也找不到。后面才知道是因为 VSCode

电玩女神/ 2021年12月23日 23:45/ 1 赞/ 819 阅读

相关 VScode为Vue文件设置模板代码

（1）安装 Vetur 和 VueHelper 插件，安装完成后需要重启 VScode。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shado

￡神魔★判官ぃ/ 2021年11月22日 13:02/ 0 赞/ 357 阅读

相关 VSCode设置隐藏固定后缀名文件

前言在用Angular CLI构建工程时，每次创建组件、服务等都会带有.spec.ts结尾的文件，这是用来单元测试用的。在平时构建工程时作用不大，在VSCode

灰太狼/ 2021年09月17日 01:50/ 0 赞/ 1156 阅读

相关 VSCode如何设置tab为两个

咱们在实际项目中，经常会用到eslint来规范咱们得代码，而这是咱们得IDE上按下tab以后，一般为四个缩进，那这时eslint会发出警报，告诉你是两个而不是四个，那么这里，我

柔情只为你懂/ 2021年08月13日 17:28/ 0 赞/ 606 阅读