VS 코드: 정규식 검색 및 바꾸기

이것은 내가 어느 정도 자주 사용하는 기능이지만 필요할 때 패턴을 기억할 만큼 자주 사용하지는 않습니다. 따라서 VS Code를 사용하는 유용한 도구에 대한 나만의 참조로 이 기사를 작성하고 있습니다.

세부 정보(Regex Flavor)

The find widget is simply using JavaScript's regular expressions as specified in ECMAScript 5 (the runtime of VS Code) ...

Reference

VS Code에는 Perl 기반 PCRE2 엔진을 사용하도록 선택할 수 있는 옵션이 있습니다. 이는 설정 구성을 통해 활성화할 수 있습니다.

이를 통해 lookahead 및 역참조와 같은 고급 정규식 작업을 수행할 수 있습니다. 정규식은 여전히 ​​유효한 JavaScript 정규식이어야 합니다.

VS Code does support regular expression searches, however, backreferences and lookaround aren't supported by default. But you can enable these with the setting search.usePCRE2. This configures ripgrep to use the PCRE2 regex engine. While PCRE2 supports many other features, we only support regex expressions that are still valid in JavaScript, because open editors are still searched using the editor's JavaScript-based search.

찾기 및 바꾸기 사용

Windows 및 Linux에서는 Ctrl + H를, Mac에서는 ⌥⌘F를 눌러 검색 및 바꾸기 도구를 활성화할 수 있습니다.



Reference

기본적으로 검색 및 바꾸기 패턴이 필요한 일부 코드를 적용하면 ...

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를 사용하는 유용한 도구에 대한 참조로 이 기사를 작성했습니다.