CSS 선택기에서 HTML을 검색하는 정규 표현식 빠른 생성 - Selector 2 Regexp

Selector 2 Regexp는 CSS 선택기에서 HTML을 검색하는 데 사용되는 매우 간단한 명령줄 도구입니다.
바로 며칠 전.0.0-beta.발표
https://github.com/m-yoshiro/Selector2Regexp

특징.

일치 선택기를 검색하는 데 사용할 HTML의 유효한 정규 표현식 생성

기본 선택기는 기본적으로 이미 망라되었다

+, ~ 등의 결합자도 지원

사용법

# Installation
$ npm i -g selector-2-regexp

$ s2r '.button'
# => HTMLを検索する正規表現が出力される

저는 클립보드와 함께 자주 사용합니다.
다음은 결과를 클립보드에 전달하여 VS 코드의 읽어들이기 창에 붙여 넣은 것입니다.

$ s2r 'div.example' | pbcopy

위의 결과가 VS 코드에 붙은 경우는 다음과 같습니다.

장면 작업

나는 주로 앞부분의 팩스에서 사용한다.이전 CSS와 JavaScript를 재전송할 때 참조하려는 HTML 요소를 검색하는 기회가 빈번하게 발생합니다.
코드 검색에서 정규 표현식을 자주 사용하지만, 조건이 복잡하면 기억할 수 없습니다.
이때 CSS 선택기와 같은 요령을 빠르게 만들어 특정 조건의 HTML 요소를 검색할 수 있는 정규 표현을 하면 편리하다.

총결산

Selector 2 Regexp는 CSS 선택기에서 HTML 검색을 위한 정규 표현식을 생성하는 명령줄 도구입니다.

전면 팩스로 CSS와 JS에서 참고할 HTML을 쉽게 찾을 수 있습니다.

소박한 도구지만 시도해 보시면 기쁘겠습니다.
https://github.com/m-yoshiro/Selector2Regexp
(움직이지 않으면 Node.jsv14 이상을 시도하십시오.🙏 )
(추기: 상기 문제는 v1.0.0-beta.5를 통해 수정됨)