"Selector2Regexp"는 최근에 발표한 작은 도구입니다.
CSS 선택기에서 JavaScript의 정규 표현식을 생성합니다.정규 표현식은 주어진 CSS 선택기와 일치하는 HTML 요소를 검색하는 데 사용됩니다.
특징

CSS 선택기를 사용하여 정규 표현식을 생성합니다.

자주 사용하는 선택기와 조합기를 지원합니다.

활용단어참조

이것은 매우 간단하다.
JavaScript 또는 CSS에서 참조하는 html 태그만 찾으면 됩니다.

$ npm i selector-2-regexp

$ s2r '.button'
# => <\s*([a-zA-Z]+)\s+.*(class=(?=['"])((?=(.*[\s'"]button[\s'"])).*)(?=['"])).*\s*>

클립보드 사용

편집기 도구와 함께 사용하면 편리합니다.

결과를 클립보드에 저장합니다.

$ s2r '.button' | pbcopy

편집기의 검색 입력에 붙여넣기(예: VS 코드)

동기

나는 항상 매일 나의 전단 코드를 재구성한다. 나는 자바스크립트나 CSS에서 인용한 html 표시를 찾아야 한다.
나는 정규 표현식이 자주 이렇게 하는 더 좋은 방법일 수 있다고 생각하지만, 나는 그것을 어떻게 사용하는지 기억하기 어렵다.나는 그것을 실현하기 위해 간단한 방법이 필요하다.
이것이 바로 내가 Selector2 Regexp를 한 이유다.
나는 이 공구가 너를 도울 수 있기를 바란다.
https://github.com/m-yoshiro/Selector2Regexp