VSCode怎么隐藏项目里的node_modules文件夹 - 资源管理器排除(Exclude)规则设置

千婷小哥_7452

千婷小哥_7452

2026-03-23

360人浏览

原创

vscode中隐藏node_modules需配置files.exclude:在.vscode/settings.json中添加{"files.exclude":{"node_modules":true,"**/node_modules":true}},仅此即可生效。

vscode怎么隐藏项目里的node_modules文件夹 - 资源管理器排除(exclude)规则设置

VSCode 资源管理器里 node_modules 还在显示?改 files.exclude 就行

VSCode 默认不会自动隐藏 node_modules,哪怕你装了 ESLint 或 Prettier 插件也没用——这是编辑器层面的文件过滤逻辑,得手动配。关键不是“能不能”,而是“配在哪”和“怎么写才生效”。

最直接有效的方式是修改工作区或用户设置里的 files.exclude,它控制资源管理器(Explorer)中哪些路径不显示。

  • files.exclude 是一个对象,键是 glob 模式(不是正则),值为 true 表示排除
  • 推荐优先写在工作区设置(.vscode/settings.json)里,避免影响其他项目
  • 必须用双引号包裹键名,且路径开头不能带 /(否则匹配失败)
  • 如果用了符号链接(比如 pnpm link),仅排除 node_modules 可能不够,得加 **/node_modules
{
  "files.exclude": {
    "node_modules": true,
    "**/node_modules": true
  }
}

为什么只写 "node_modules": true 有时不生效?

常见现象:根目录下的 node_modules 消失了,但子包里的(比如 packages/foo/node_modules)还在。这是因为 VSCode 默认只匹配一级路径,"node_modules" 只排除当前层级同名文件夹。

真正要递归隐藏所有嵌套的 node_modules,必须加上通配前缀 **/。但注意:**/node_modules 会匹配任意深度的同名目录,包括 src/lib/node_modules 这种极少见但合法的路径——如果你真有这种结构,得单独保留。

  • 别用 **/node_modules/** —— 多余的 /** 会导致规则失效
  • 不要写成 "./node_modules" 或 "/node_modules",前者被忽略,后者完全不匹配
  • 如果项目用了 pnpm 的 node_modules/.pnpm 结构,单靠排除 node_modules 已足够,不用额外处理子目录

和 search.exclude、files.watcherExclude 有什么区别?

这三个配置名字像,但作用完全不同,混用反而出问题:

VSCode
VSCode

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

下载
  • files.exclude:只影响资源管理器显示(你要找的这个)
  • search.exclude:控制全局搜索(Ctrl+Shift+F)是否扫描这些路径,不影响 Explorer
  • files.watcherExclude:告诉 VSCode 别监听这些路径的文件变化,影响保存自动刷新、热重载响应速度,但也不影响显示

所以,只想让 node_modules 不出现在左侧栏,只动 files.exclude 就够了。其他两个配置留空或按需单独设,别一股脑全写一样的规则。

重启 VSCode 后还是没隐藏?检查这三件事

改完设置不生效,90% 是卡在这几个细节上:

  • 确认改的是 .vscode/settings.json(工作区)或 settings.json(用户级),而不是插件自己的配置页
  • 检查 JSON 语法:有没有漏掉逗号、多写了逗号、引号用了中文标点
  • 确认没有其他扩展(比如某些“文件管理器”类插件)覆盖了默认行为——临时禁用非必要插件试试

改完保存后,不需要重启 VSCode,资源管理器会几秒内自动刷新;如果没反应,可以右键 Explorer 空白处选 “Refresh” 手动触发一次。

复杂点在于:不同包管理器生成的 node_modules 结构略有差异,而 VSCode 的 glob 匹配对斜杠方向、大小写、隐藏属性都敏感。别指望一条规则适配所有项目,看到没隐藏,先看路径是否真叫 node_modules —— 有些 Rust + WebAssembly 项目会用 pkg,TypeScript monorepo 可能压根没它。

相关文章

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

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

下载

相关标签:

vscode

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

相关专题

更多
TypeScript工程化开发与Vite构建优化实践
TypeScript工程化开发与Vite构建优化实践

本专题面向前端开发者,深入讲解 TypeScript 类型系统与大型项目结构设计方法,并结合 Vite 构建工具优化前端工程化流程。内容包括模块化设计、类型声明管理、代码分割、热更新原理以及构建性能调优。通过完整项目示例,帮助开发者提升代码可维护性与开发效率。

2026.02.13

292

17

TypeScript全栈项目架构与接口规范设计
TypeScript全栈项目架构与接口规范设计

本专题面向全栈开发者,系统讲解基于 TypeScript 构建前后端统一技术栈的工程化实践。内容涵盖项目分层设计、接口协议规范、类型共享机制、错误码体系设计、接口自动化生成与文档维护方案。通过完整项目示例,帮助开发者构建结构清晰、类型安全、易维护的现代全栈应用架构。

2026.02.25

500

17

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

2026.03.13

351

19

TypeScript 全栈开发进阶指南
TypeScript 全栈开发进阶指南

面向有 JavaScript 基础的开发者,深入讲解 TypeScript 的类型系统与全栈开发实践。

2026.06.03

266

29

TypeScript Node.js 全栈工程化与Monorepo架构实践
TypeScript Node.js 全栈工程化与Monorepo架构实践

本专题围绕 TypeScript 在 Node.js 全栈开发中的工程化实践展开,系统讲解 Monorepo 架构设计、包管理策略、模块复用机制以及服务端与前端统一类型系统的构建方法。通过真实项目案例,帮助开发者提升大型全栈项目的可维护性与协作效率。

2026.06.16

538

8

C++系统编程内存管理_C++系统编程怎么与Rust竞争内存安全
C++系统编程内存管理_C++系统编程怎么与Rust竞争内存安全

C++系统编程中的内存管理是指 对程序运行时内存的申请、使用和释放进行精细控制的机制,涵盖了栈、堆、静态区等不同区域,开发者需要通过new/delete、智能指针或内存池等方式管理动态内存,以避免内存泄漏、野指针等问题,确保程序高效稳定运行。它核心在于开发者对低层内存有完全控制权,带来灵活性,但也伴随高责任,是C++性能优化的关键。

2025.12.22

86

5

Rust异步编程与Tokio运行时实战
Rust异步编程与Tokio运行时实战

本专题聚焦 Rust 语言的异步编程模型,深入讲解 async/await 机制与 Tokio 运行时的核心原理。内容包括异步任务调度、Future 执行模型、并发安全、网络 IO 编程以及高并发场景下的性能优化。通过实战示例,帮助开发者使用 Rust 构建高性能、低延迟的后端服务与网络应用。

2026.02.11

258

16

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

2026.03.05

602

19

Rust 系统编程入门与实战
Rust 系统编程入门与实战

统讲解近年最受关注的系统级编程语言 Rust 的核心知识体系,涵盖 Rust 的安装与 Cargo 项目管理、变量绑定与不可变性设计哲学、所有权(Ownership)/ 借用(Borrowing)/ 生命周期(Lifetime)三大核心概念、结构体/枚举与模式匹配(match)、Trait 特征系统与泛型编程、错误处理(Result/Option)、智能指针(Box/Rc/Arc)、并发编程的无畏并发(Fearless Concurre

2026.05.29

477

21

热门下载

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

精品课程

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