ctrl+shift+f配合file mask（如*.html,*.ts）可精准按文件类型搜索，避免无关文件干扰；ctrl+shift+n仅支持文件名模糊匹配，无法按后缀筛选；html结构搜索需用structural search而非普通文本搜索。
Ctrl+Shift+F 限定 *.html 或 *.ts 文件搜索
直接按 Ctrl+Shift+F（Windows/Linux）或 Cmd+Shift+F（macOS），在弹出的「Find in Path」框里输入关键词后，点击右上角 … 展开高级选项，勾选 File mask(s) 并填入 *.html、*.ts 或多个用英文逗号分隔：*.vue,*.jsx。这样搜出来的结果只来自指定后缀文件，避免被 node_modules 或配置文件干扰。
常见错误现象：
- 输完关键词直接回车——没设
File mask，结果混着 JSON、MD、甚至package-lock.json一起出来 - 写成
html或.html——必须带*和点号，*.html才是合法通配符 - 搜
data-id却在 JS 文件里命中一堆字符串——加File mask后立刻收敛到 HTML 模板中
为什么 Ctrl+Shift+N 不适合按类型找文件
Ctrl+Shift+N 是纯文件名模糊匹配，它不管后缀逻辑，只看字符是否连续出现。搜 user 可能返回 user.ts、UserService.java、user.test.js，但没法排除 user.config.json 或 user.md。
真正按类型筛选，必须用 Ctrl+Shift+F + File mask。如果你只想打开所有 .spec.ts 文件，Ctrl+Shift+N 输 spec 太宽泛，而 Ctrl+Shift+F 设 *.spec.ts 就精准得多。
补充说明：
-
Ctrl+Shift+N默认不索引隐藏文件（如.env），要搜得加Ctrl+Alt+Shift+N - 首次导入项目时索引未完成，
Ctrl+Shift+N可能返回空；Ctrl+Shift+F虽慢一点但结果更稳 - 路径分隔符写
/或.都行（src/user≈src.user），但File mask必须严格按*.ext格式
搜 HTML 结构要用 Structural Search，不是普通文本搜索
想找出所有带 data-test 属性的 div？别在 Ctrl+Shift+F 里输 <div data-test="</code">——HTML 标签可能跨多行、有空格、属性顺序不固定，普通文本搜索大概率漏掉。
<p>正确做法是用结构化搜索：<code>Ctrl+Shift+Alt+S → 选语言为 HTML → 输入模板：<div data-test="$VALUE$">$CONTENT$</div>。它会真正解析 DOM 结构，而非字符串匹配。
容易踩的坑：
- 没切语言类型，模板默认是 Java，对 HTML 标签无效
- 复制粘贴的 HTML 片段含换行或缩进，直接当文本搜会失败；结构化搜索自动忽略格式差异
- 想搜
<input type="text">却写了<input type="text">——结构化搜索不区分自闭合写法
排除 node_modules 等目录提升搜索速度
即使加了 File mask，如果项目里有 node_modules，WebStorm 仍会扫描其中所有 *.ts 文件——这会让搜索卡顿数秒，且结果几乎无用。
进 Settings → Directories，把 node_modules、dist、build 等目录标记为 Excluded。这样它们既不参与索引，也不出现在任何搜索结果里。
注意：
- 排除后，这些目录里的文件仍可手动打开，只是不参与自动搜索和代码补全
- 如果误排除了需要搜索的目录（比如自定义的
lib），记得及时取消勾选 - 某些插件（如 Vue 或 React 支持）依赖完整索引，排除前确认不影响开发体验
Ctrl+Shift+N 能替代 Ctrl+Shift+F 的类型过滤能力，或者在结构化场景下硬用正则去“猜”HTML 标签形态。
