如何检测未使用/孤立的HTML文件或链接（VS Code环境）

方法一：用VS Code全局搜索手动排查 #

• 先把包含HTML文件的文件夹在VS Code中打开
• 按下Ctrl+Shift+F（Windows/Linux）或Cmd+Shift+F（Mac）调出全局搜索面板
• 在搜索框输入单个HTML文件名（比如about.html），查看项目内其他文件（HTML、JS、CSS等）是否有引用它
• 80个文件的话，逐个搜索虽然繁琐，但胜在直观，适合对项目结构不太熟悉的情况

方法二：借助VS Code扩展自动扫描 #

• 按下Ctrl+Shift+X（Windows/Linux）或Cmd+Shift+X（Mac）打开扩展面板
• 搜索「Unused Files」，安装下载量较高的那款（作者为hoovercj）
• 安装完成后，点击左侧边栏新增的「Unused Files」图标，插件会自动扫描整个项目，列出所有未被引用的文件，其中就包含未使用的HTML
• 注意：如果你的HTML是通过后端路由（比如PHP、Node.js）调用的，可能需要在插件设置里添加对应后端文件的扫描类型，避免误判

方法三：用VS Code终端执行命令批量检查 #

• 打开VS Code内置终端（快捷键Ctrl+或Cmd+）
• 第一步：导出所有HTML文件名到列表
  • Mac/Linux系统：执行 ls *.html > html_files.txt
  • Windows系统：执行 dir *.html /b > html_files.txt
• 第二步：批量检查每个文件是否被引用
  • Mac/Linux系统，执行以下循环命令：

    while read file; do
      if ! grep -r "$file" --include="*.html" --include="*.js" --include="*.css" .; then
        echo "$file is unused"
      fi
    done < html_files.txt
    

  • Windows系统，执行以下循环命令：

    for /f "delims=" %f in (html_files.txt) do (
      findstr /s /i "%f" *.html *.js *.css > nul || echo %f is unused
    )
    

• 可以根据项目情况修改--include后的文件类型，比如加上*.php或*.jsx来覆盖后端文件的引用

内容的提问来源于stack exchange，提问作者tneilson08