Ctrl+P搜不到图片是因为未被索引，需检查是否保存、是否在工作区、是否被files.exclude/search.exclude排除；判断“未使用”需用Ctrl+Shift+F全局搜索文件名并覆盖CSS/HTML/Vue等所有引用场景。
Ctrl+P 搜不到图片文件？先确认它是否被索引
VSCode 的 Ctrl+P 默认只索引工作区根目录下、且未被排除的已保存文件。如果你的图片放在 assets/ 或 public/ 里但搜不到，大概率是以下原因之一：
- 文件刚新建还没保存（
Ctrl+S写入磁盘后才进索引） - 图片所在目录不在当前
vscode.workspaceFolders范围内（用Developer: Toggle Developer Tools→ Console 里执行require('vscode').workspace.workspaceFolders确认） -
files.exclude或search.exclude误配了通配符，比如"**/*.png": true这种写法会直接屏蔽所有 PNG，连Ctrl+P都看不见
特别注意：**/assets/** 这类规则会递归排除整个 assets 目录树，不是只排除子目录——如果想保留图片索引，得显式放行，例如在 settings.json 中加："files.exclude": {"**/assets/**": false}（前提是没被更高优先级配置覆盖）。
怎么判断一张图片“未使用”？本质是查引用链断点
VSCode 没有内置“未使用资源检测”，所谓“未使用”，是指项目中没有任何代码、样式、模板或配置文件显式引用该图片路径。你得靠组合搜索反向验证：
- 对每张疑似未使用的图片（如
logo.svg），先用Ctrl+Shift+F全局搜它的文件名（不含扩展名更稳妥，避免漏掉import './logo'这类写法） - 确保搜索范围是整个工作区，且
search.exclude没过滤掉.ts、.js、.vue、.css等源码文件类型 - 重点检查：字符串字面量（
"logo.svg"）、模板插值（:src="'logo.svg'"）、CSSurl()、Webpack / Vite 配置中的public引用、甚至 Markdown 的 - 如果搜不到任何引用，再人工确认该图片是否被动态拼接（比如
require(`${name}.png`)），这种无法静态分析，得结合运行时日志或覆盖率工具
批量筛出可能未使用的图片：用包含/排除路径精准收窄
直接全局搜所有图片效率低且噪音大。更可行的是限定范围 + 类型过滤：
- 右键点击图片所在文件夹（如
src/assets/images）→ 在文件夹中查找，这样Ctrl+Shift+F的作用域自动设为该路径 - 在搜索面板的
文件中包括输入框填*.{png,jpg,jpeg,gif,svg}（注意逗号分隔、花括号包裹） - 在
文件中排除填**/node_modules/**,**/dist/**,**/*.d.ts，避免干扰 - 逐个查看搜索结果里的图片名，对每个名字执行一次
Ctrl+Shift+F查引用——别图省事一次性搜全部名字，VSCode 不支持 OR 逻辑的多关键词同时查引用
提示：如果项目用了 Webpack 的 file-loader 或 Vite 的静态资源处理，public/ 下的图片默认不参与模块依赖分析，这类图片必须单独检查 HTML 或 JS 中的硬编码引用。
容易忽略的引用场景：CSS、HTML、构建配置
开发者常只搜 JS/TS 文件，却漏掉这些地方：
- CSS 中的
background-image: url('./icon.png');—— 必须确保文件中包括包含*.css、*.scss - HTML 模板里的
<img src="logo.png">或 Vue 的<img :src="require('./logo.png')"—— 检查*.html、*.vue - Vite 配置中
publicDir: 'public'下的图片，可能被<link rel="icon" href="/favicon.ico">引用，这类需人工核对index.html - 某些 UI 库（如 Ant Design）的图标是按需加载，引用路径可能被编译器重写，此时搜原始文件名会失效，得查打包产物或 devtools Network 面板
真正难啃的是那些通过变量拼接、CDN 地址替换、或环境变量注入的路径——它们不会出现在源码文本里，只能靠运行时抓包或覆盖率报告交叉验证。
