VSCode怎么在全局搜索时排除打包生成的dist或build文件夹

小磊吖_6064

小磊吖_6064

2026-04-11

407人浏览

原创

全局搜索应使用 search.exclude 而非 files.exclude 来排除 dist、build 等目录;支持 glob 模式如 "**/dist",也可在搜索框用 -folder:dist 临时排除;多根工作区需确认配置在工作区设置中生效。

vscode怎么在全局搜索时排除打包生成的dist或build文件夹

全局搜索时用 filesToExclude 排除 dist 和 build

VSCode 默认全局搜索(Ctrl+Shift+F / Cmd+Shift+F)会遍历整个工作区,包括打包产物。最直接的控制方式是通过设置 filesToExclude —— 它专为搜索过滤设计,不影响文件资源管理器显示,也不影响其他功能。

在用户设置或工作区设置中添加:

{
  "search.exclude": {
    "**/dist": true,
    "**/build": true,
    "**/node_modules": true
  }
}
  • **/dist 和 **/build 是 glob 模式,匹配任意层级下的同名文件夹
  • 值设为 true 表示排除;设为 false 或删掉条目可临时恢复
  • 这个配置只作用于搜索,不会隐藏文件、不改变保存行为、不干扰调试
  • 如果项目有多个构建输出目录(比如 .next、out),一并加进去即可

搜索时手动输入 -folder:dist 快速跳过

临时性需求不用改配置——在搜索框里直接加排除语法更灵活。VSCode 搜索支持 -folder: 限定符,它比 search.exclude 更细粒度,还能组合使用。

例如,在搜索框输入:

VSCode
VSCode

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

下载
fetch -folder:dist -folder:node_modules
  • 前面的 fetch 是你要搜的关键词
  • -folder:dist 表示完全跳过所有名为 dist 的文件夹(含子路径)
  • 支持多次 -folder:,也支持 -file: 排除特定文件
  • 注意:不能写成 -folder:**/dist,-folder: 只认文件夹名,不支持通配符路径

为什么不用 files.exclude?

有人会想用 files.exclude(控制资源管理器显示),但它对搜索无效。这是常见误解点。

  • files.exclude 只影响左侧文件树的可见性,搜索仍会命中被“隐藏”的文件
  • search.exclude 才是搜索专用开关,两者互不替代
  • 如果你发现改了 files.exclude 后搜索还是扫到 dist,就是踩了这个坑
  • 顺便提醒:files.exclude 里的 **/dist/** 写法虽常见,但搜索过滤必须用 search.exclude 的 **/dist

多根工作区下要注意作用域优先级

如果你打开的是多文件夹工作区(.code-workspace),设置生效顺序是:工作区设置 > 用户设置。容易出现「明明配了却没生效」的情况。

  • 检查当前右下角是否显示「工作区」,点击进入设置,确认 search.exclude 是在工作区标签页里编辑的
  • 用户级设置里配了 "**/dist": true,但工作区里又写了 "**/dist": false,后者会覆盖前者
  • 命令面板运行 Developer: Toggle Developer Tools,在 Console 里搜 search.exclude 可验证最终合并值

真正生效的永远是当前工作区最终计算出的 search.exclude 对象,不是你印象里“应该配过”的那个。

相关文章

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

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

下载

相关标签:

vscode

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

相关专题

更多
console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

2023.08.08

876

5

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

2024.05.29

6443

7

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

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

2023.06.30

1435

18

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

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

2023.07.21

3052

3

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

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

2024.03.14

2029

12

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

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

2024.03.14

1747

8

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

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

2024.03.15

2607

12

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

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

2024.03.15

1838

14

vscode用途介绍
vscode用途介绍

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

2024.03.15

1262

10

热门下载

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

精品课程

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