如何在VS Code/Visual Studio IDE中检索无alt属性的img标签

VS Code和Visual Studio IDE均支持该搜索需求，通过内置的正则匹配功能即可完成操作。

Visual Studio Code 操作流程 #

• 打开搜索面板：单行文件搜索按Ctrl+F（Windows）/Cmd+F（Mac），全局项目搜索按Ctrl+Shift+F（Windows）/Cmd+Shift+F（Mac）
• 点击搜索框右侧的.*按钮，开启正则匹配模式
• 在搜索框输入匹配规则：^.*<img(?!.*alt=).*$
• 执行搜索后，结果会自动筛选出所有含<img关键词、且同一行不存在alt=内容的代码行

Visual Studio IDE 操作流程 #

• 打开查找窗口：单文件查找按Ctrl+F，全局项目查找按Ctrl+Shift+F
• 勾选查找选项中的「使用正则表达式」复选框
• 输入和上述相同的匹配规则：^.*<img(?!.*alt=).*$
• 执行查找即可得到符合要求的结果

注意：上述规则仅匹配单行书写的img标签，如果你的代码中存在img标签拆分为多行书写的场景，需要调整正则规则适配多行匹配逻辑。

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