VS Code：搜索并替换正则表达式

我经常使用这个功能，但用得不够频繁，以至于需要的时候都记不住它的使用方法。因此，我写这篇文章是为了自己参考一下 VS Code 中一个实用的工具。

详细信息（正则表达式风格）

查找小部件只是使用ECMAScript 5（VS Code 的运行时）中指定的JavaScript 正则表达式......

参考

VS Code 可以选择使用基于 Perl 的 PCRE2 引擎。您可以通过设置配置启用此功能。

这允许更高级的正则表达式操作，例如前瞻和反向引用。该正则表达式仍然必须是有效的 JavaScript 正则表达式。

VS Code 支持正则表达式搜索，但是默认情况下不支持反向引用和环视。不过，您可以使用设置 search.usePCRE2 来启用这些功能。这会将 ripgrep 配置为使用 PCRE2 正则表达式引擎。虽然 PCRE2 支持许多其他功能，但我们仅支持在 JavaScript 中仍然有效的正则表达式，因为打开的编辑器仍然使用编辑器基于 JavaScript 的搜索功能进行搜索。

使用查找和替换

您可以Ctrl + H在 Windows 和 Linux 上按，或者⌥⌘F在 Mac 上按以启用搜索和替换工具。

参考

基本上，有些代码需要应用搜索和替换模式......

const demo = {
  test1: 'test1',
  test2: 'test2',
  test3: 'test3',
  test4: 'test4',
  test5: 'test5',
  test6: 'test6'
};

... 使用此代码，假设我想创建一个使用字符串中的数字的索引'(.*?)(\d+)'，我们可以使用类似 ... 的正则表达式。此正则表达式将选择单引号内的所有文本（包括单引号）。

如果我想要类似的东西test1: 'test1', index: 1,，那么上面选择的简单替换就会变成......'$1$2', index: $2并且当所有内容都被替换时的代码就会变成......

const demo = {
  test1: 'test1', index: 1,
  test2: 'test2', index: 2,
  test3: 'test3', index: 3,
  test4: 'test4', index: 4,
  test5: 'test5', index: 5,
  test6: 'test6', index: 6
};

结论

因为这是我经常使用的功能，但使用频率不够高，以至于在需要时无法记住其模式，所以我写了这篇文章作为我自己对 VS Code 中一个有用工具的参考。