VSCode正则表达式：匹配不含修饰类的i-svg类名

要找出仅包含 i-svg、未使用任何 i-svg--* 修饰类的代码行，可使用以下正则：

^.*\bi-svg\b(?!.*\bi-svg--\w+\b).*$

正则规则说明： #

• ^：锁定行首位置
• .*：匹配行首到目标类名前的任意字符
• \bi-svg\b：精准匹配独立的 i-svg 类名（\b 是单词边界，避免误匹配类似 xi-svg 或 i-svgy 的字符串）
• (?!.*\bi-svg--\w+\b)：负向前瞻断言，确保该行完全不包含任何 i-svg-- 开头的修饰类（\w+ 匹配后续的尺寸标识如 xs、sm）
• .*：匹配目标类名到行尾的任意字符
• $：锁定行尾位置

示例验证： #

• 会匹配的代码行（仅含基础类）：

  <span class="i-svg"></span>
  <div class="btn i-svg icon"></div>
  

• 会排除的代码行（含修饰类）：

  <span class="i-svg i-svg--xs"></span>
  <div class="i-svg--sm"></div>
  

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