通过配置files.exclude可隐藏VSCode中无需查看的文件,如node_modules、.git等,保持资源管理器整洁,提升文件查找效率。

在使用 VSCode 时,项目中常会包含一些不需要频繁查看的文件或文件夹(如 node_modules、.git、构建产物等)。我们可以通过配置过滤规则来隐藏它们,让资源管理器更整洁。
1. 使用 settings.json 隐藏指定文件和文件夹
VSCode 支持通过 files.exclude 设置项,在资源管理器中隐藏特定路径的文件或文件夹。操作步骤如下:
- 打开 VSCode 设置界面(快捷键 Ctrl + ,)
- 搜索 “files.exclude”
- 点击“在 settings.json 中编辑”
然后添加你需要隐藏的规则,例如:
{ "files.exclude": { "**/.git": true, "**/node_modules": true, "**/dist": true, "**/*.log": true, "**/tmp": true } }说明:
“**” 表示任意层级路径;
值设为 true 表示启用隐藏;
这些文件只是在侧边栏中不可见,并不会从磁盘删除或影响编辑功能。
2. 隐藏编辑器中的已打开标签页(可选)
如果你还希望隐藏某些自动打开的临时文件标签,可以使用 workbench.editor.hideSingularPinnedTab 或结合 editor.hiddenFiles 控制显示行为。但主要控制仍依赖于 files.exclude。
自动隐藏的QQ在线客服代码是一款基于jQuery实现的默认展开可自动隐藏的QQ在线客服代码,界面非常简洁,此款JS代码特效可按客服功能放置不同的客服QQ号码,鼠标移上去即展开客服信息,移走自动隐藏,如果需要修改其中客服信息,修改service.js文件即可。
3. 区分 files.exclude 和 search.exclude
注意这两个设置的区别:
- files.exclude:控制资源管理器中是否显示文件
- search.exclude:控制全局搜索时是否跳过这些文件
通常建议两者保持一致,例如:
{ "files.exclude": { "**/node_modules": true, "**/dist": true, "**/.DS_Store": true }, "search.exclude": { "**/node_modules": true, "**/dist": true, "**/*.min.js": true } }基本上就这些。合理配置后,你的项目结构会更清晰,查找文件也更高效。不复杂但容易忽略。









