VSCode隐藏锁定文件和依赖文件的配置技巧

酷雪大大_1633

酷雪大大_1633

2026-11-14

354人浏览

原创

files.exclude仅控制资源管理器显示,要隐藏所有层级node_modules需同时配置"node_modules": true和"**/node_modules": true,二者缺一不可。

vscode隐藏锁定文件和依赖文件的配置技巧

files.exclude 必须同时配根目录和子目录的 node_modules

只写 "node_modules": true 只能隐藏项目根下的 node_modules,但像 packages/foo/node_modules 这类嵌套依赖依然会显示。VSCode 的 glob 匹配不自动递归,必须显式声明:"**/node_modules": true 才覆盖所有层级。

更稳妥的做法是两者都加,避免漏掉任何一种结构:

  • "node_modules": true —— 拦住根目录直接子项
  • "**/node_modules": true —— 拦住任意深度的同名文件夹

注意:"**/node_modules/**" 和 "**/node_modules" 效果几乎一样,但后者更轻量,VSCode 渲染资源管理器时路径匹配开销略小。

锁定文件(.git、.DS_Store、.env)要小心默认规则冲突

VSCode 默认内置了 "**/.*": true,它会把所有点开头的文件(包括 .git、.env、.DS_Store)全干掉。如果你只想隐藏部分,又想保留 .env 或 .gitignore,就不能靠删整条默认规则——那会把所有点文件都放出来。

正确做法是:在 files.exclude 里单独写精确项,覆盖默认行为:

  • "**/.DS_Store": true —— macOS 系统垃圾
  • "**/.git/**": true —— 完整隐藏 Git 目录(含内部对象)
  • "**/.gitignore": false —— 显式放行,确保它可见(注意值是 false)

⚠️ 别忘了:如果工作区已有 .vscode/settings.json,用户级设置里的 "**/.*": true 就完全不生效——优先级被覆盖了。

VSCode
VSCode

避免常见的 VSCode 错误——设置冲突、调试器配置和扩展冲突。

下载

search.exclude 不同步 files.exclude 就等于白配

你把 node_modules 从资源管理器藏得干干净净,结果 Ctrl+Shift+F 搜个函数,还是卡在 node_modules 里转圈?这就是只动了 files.exclude,没碰 search.exclude。

二者完全独立,没有继承或联动关系。搜索性能差、结果杂乱,90% 是因为 search.exclude 没配或配错:

  • 必须手动加同样的路径,比如 "**/node_modules": true
  • search.exclude 支持更细粒度排除,如 "**/*.min.js": true,但 files.exclude 不推荐这么用(影响文件树渲染效率)
  • 临时跳过某目录搜索?直接在搜索框右上角输入 !node_modules,比改配置更快,还不留痕

工作区配置优先级高,但容易被插件绕过

把 files.exclude 写进项目根下的 .vscode/settings.json,是团队协作最稳的方式。它优先于用户级设置,且可提交到 Git 统一管理。

但要注意:某些扩展(比如 GitLens、ESLint、Prettier)会主动读取被隐藏的文件来提供功能,导致你在「源代码管理」视图或「问题面板」里仍看到 node_modules 下的文件——这不是配置失效,是扩展故意绕过了 files.exclude 的视觉过滤。

验证是否真生效?关掉所有非必要扩展,再看资源管理器。如果还显示,就是配置错了;如果消失了,那就是某个扩展在“偷偷展示”。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

vscode隐藏文件 vscode

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
vscode是什么_vscode怎么安装配置
vscode是什么_vscode怎么安装配置

VS Code(Visual Studio Code)是一款免费、开源的跨平台代码编辑器,由微软开发和维护。它被广泛用于软件开发和编程,支持多种编程语言和框架。VS Code 同时提供了丰富的功能和扩展性,使开发者可以高效地编写、编辑和调试代码。

2023.06.30

1615

18

vscode怎么运行代码
vscode怎么运行代码

vscode是一个运行于MacOS X、Windows和Linux之上的,针对于编写现代Web和云应用的跨平台源代码编辑器;vscode免费而且功能强大,对JavaScript和NodeJS的支持非常好,自带很多功能,例如代码格式化,代码智能提示补全、Emmet插件等。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2023.07.21

3532

3

vscode使用的框架介绍
vscode使用的框架介绍

VSCode是一款跨平台代码编辑器,它基于Electron框架和Monaco Editor构建。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

2169

12

vscode一般用来写什么语言
vscode一般用来写什么语言

VSCode是一款功能强大的代码编辑器,支持多种编程语言和文件格式。它内置对 JavaScript、Python、Java、C++、TypeScript、HTML/CSS、Go 等语言的支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.14

1767

8

vscode可以写什么语言
vscode可以写什么语言

vscode是一款强大的代码编辑器,支持多种编程语言的开发。通过安装扩展,可以为 JavaScript/TypeScript、Python、Java、C#、PHP、Go、Ruby、Rust、HTML/CSS 等语言提供智能代码补全、调试和格式化等功能。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

2647

12

vscode中文设置方法
vscode中文设置方法

方法一:在设置页面中,搜索“locale”,并选择“zh-cn”。方法二:按“Ctrl Shift P”快捷键,输入“Configure Display Language”,将语言修改为“zh-cn”。如果上述方法无效,可考虑安装中文插件。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1878

14

vscode用途介绍
vscode用途介绍

Visual Studio Code(VSCode)是一款由 Microsoft 开发的多功能文本编辑器,适用于各种编程语言。作为一款开源软件,VSCode 拥有代码高亮、自动补全、调试、Git 集成等强大功能,成为程序员不可或缺的工具。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1302

10

vscode和visualstudio的区别
vscode和visualstudio的区别

Visual Studio是一款功能强大的集成开发环境(IDE),适用于专业开发人员进行复杂项目的构建。而VSCode则是一款轻量级的代码编辑器,更适合各种规模的项目开发。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

1156

8

vscode设置中文界面不生效解决方法
vscode设置中文界面不生效解决方法

vscode设置中文界面不生效解决方法:安装中文语言包、通过命令面板设置语言、检查 locale.json 设置、重新安装中文语言包、检查 VSCode 版本和更新、排除插件冲突、检查系统语言设置、查看 VSCode 日志和错误消息、重置 VSCode 设置、查看官方文档和社区支持。想了解更多vscode的相关内容,可以阅读本专题下面的文章。

2024.03.15

574

5

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程