选择 VSCode 中包含(不同)值的所有相同 html 属性

Selecting all same html attributes with (different) values included in VSCode

我正在使用 VSCode 进行 html 编辑。在 VSCode 中很容易 select 一段代码的相同出现。我需要的是 selecting 具有不同值的 html 属性(如 class、aria-label 等)的所有出现。这是一个例子:

我想 select 所有包含值的“aria-label”事件。所以这些将被 selected:

aria-label="Apple"
aria-label="Oranges"
aria-label="Multiple Fruit Names"
aria-label=""
...

VSCode有没有办法做到这一点?

您可以为此使用正则表达式:

^aria-label="[^"]*"

解释:

  • '^' ... 匹配换行符
  • 'aria-label=' ...这是您的“搜索词”
  • '[^"]' ...任意字符
  • '*' ... 组内的内容出现零次或多次

不要忘记在搜索对话框中启用正则表达式搜索(见下文):

这是掌握正则表达式魔法的一个很好的起点:https://en.wikipedia.org/wiki/Regular_expression#Basic_concepts .

我知道正则表达式知识很重要,所以最近几天我学习了 Regex101,这就是我在这个问题上的用武之地。

aria-[a-zA-Z]*="[A-Za-z\s]*"