用于编写许多编号变量的 Emmet 代码段

Question

我正在写一些 JS，需要一堆类似的变量，编号。我可以用多个游标等很好地做到这一点，但由于我经常使用 Emmet，我想知道是否有一种简单的单行方式来编写一个列表，如：

let element1, element2, element3 ...

有什么原因吗？

Answer 1

如果您没有得到 emmet 答案，我写的扩展 Find and Transform 可以很容易地做到这一点：

{                                      // put this keybinding into your keybindings.json
  "command": "findInCurrentFile",
  "key": "alt+i",
  "args": {
    // "find": "element",              // not necessary
    "replace": "${matchNumber}",
    "restrictFind": "line",
    "isRegex": true
  }
}

只需将光标放在要匹配的词上即可。然后每个匹配项将被替换为自身加上一个递增的计数器。

Answer 2

如果您必须定期在当前光标位置应用数字，您可以使用带有预定义设置的扩展名 Regex Text Generator。

"regexTextGen.predefined": {
    "sequantial numbers" : {
      "originalTextRegex": "(.*)",
      "generatorRegex": "{{=i+1}}"
    }
  }

将光标放在需要的位置（select 所有 element 和 RightArrow）
执行命令：根据正则表达式生成文本
选择sequantial numbers选项
Enter 并可能调整偏移量

如果您没有定义预设，您可以自己键入表达式。

Answer 3

感谢这些示例，我使用的是 Asuka 的扩展程序 Insert Numbers，它非常有用，尤其是对于额外的变量集。

用于编写许多编号变量的 Emmet 代码段

Emmet Snippet to Write Many Numbered Variables

visual-studio-code

emmet