WebStorm中隐藏node_modules、.git等目录需在Settings→Editor→File Types→Ignore files and folders中添加node_modules;.git;.idea;(分号分隔),保存后目录将完全不显示于Project树中。

Project 视图里怎么隐藏 node_modules、.git 等目录
WebStorm 默认不会自动隐藏这些目录,但支持按名称、类型或模式过滤——关键不是“删掉”,而是用 Excluded 或 Ignore files and folders 规则让它们不参与索引和显示。
- 右键点击要隐藏的目录(如
node_modules)→ 选择Mark Directory as→Excluded:它会变灰、不再高亮、不参与搜索和代码补全,且默认从 Project 视图折叠(但节点仍存在) - 更彻底的隐藏方式:进入
Settings → Editor → File Types → Ignore files and folders,在输入框里添加node_modules;*.log;.git;.idea;(用分号分隔)→ 点击 OK 后,这些路径将完全不出现于 Project 树中 -
Excluded和Ignore的区别:Excluded仍保留在项目模型中,只是被 IDE 主动忽略;Ignore是前置过滤,连加载都不加载,性能更好,但对已加载的目录需重启 Project 视图(关闭再打开Project工具窗口)才生效
为什么 .env.local 或 dist 这类文件夹还是显示出来了
因为 Ignore files and folders 只匹配**完整路径名**,不支持通配符嵌套。比如你写了 dist,它能隐藏项目根下的 dist/,但不会隐藏 src/dist/;写了 .env.* 也无效——该字段只接受纯名称或简单后缀(如 .log),不支持 glob。
- 要覆盖多级路径,得逐个写全:比如
dist;build;out;public/dist;.next;.nuxt -
.env.local这种需拆成两行:.env和.local不行,必须写.env.local(注意中间无空格) - 改完设置后,如果目录还在 Project 树里,别急着删
.idea——先右键 Project 标签页 →Reload project,或者关掉再打开Project工具窗口
隐藏后还能访问这些文件吗
可以,但方式受限:被 Ignore 的路径不会出现在 Project 树、搜索结果、导航(Go to Class/File)中;被 Excluded 的路径仍可被搜索到(带 “Excluded” 标签),也能通过 Ctrl+Shift+A 搜 “Open file” 手动输入路径打开。
- 调试时断点仍可打在
Excluded文件里,但不能打在Ignore路径下的文件——IDE 根本不认它们是项目一部分 - Git 工具窗口(
Git → Log)不受影响,.git被 ignore 后照样能看提交历史 - 别把
src或app这类源码目录加进 ignore 列表,否则代码补全、类型检查、重构全部失效
误 hide 了重要目录怎么快速恢复
最稳的方式是删掉 Ignore 规则并重载视图,而不是靠撤销(Undo 不记录这类配置变更)。
- 回到
Settings → Editor → File Types → Ignore files and folders,清空或删掉错误条目 - 右键 Project 标签页 →
Reload project(不是 “Refresh”) - 如果仍不显示,检查是否被意外
Excluded:展开 Project 树,找灰色目录 → 右键 →Mark Directory as→Unmarked - 极端情况(比如整个
src消失且排除/ignore 都没设):可能是.idea/modules.xml损坏,删掉.idea后重启 WebStorm 重建
Ignore files and folders 设置是**全局生效**的,不是项目级。你在一个项目里加了 dist,所有后续打开的项目都会自动隐藏同名目录——除非你手动删掉它。


















