git grep 'X.*Y' で「X から始まり Y で終わる文字列」を検索する

class から始まり iconButton--logo で終わる文字列の検索。

git grep 'class.*iconButton--logo'

CSSで定義されたクラスが、HTML側でどんなふうに使われているか調べるときに使えそう。

他によく使うやつ

検索する単語、場所やファイルの絞り込み、結果の表示、いくつかあるけど組み合わせて使うことが多い。

複数単語の検索。

git grep -e id= --and -e class=

ディレクトリの指定。

git grep 'class' -- 'style/'

ファイル形式の指定。

git grep 'iconButton--logo' -- *.html

ヒットしたファイルの場所だけ表示。

git grep -l 'iconButton--logo'

ヒットした行の前後 2行を表示。

git grep -C 2 'iconButton--logo'

追記

class から始まり iconButton--logo で終わる文字列の検索。

ちょっと違うかも。git grep 'id=".*"' で検索すると以下では id="hoge" class="hoge" までヒットする。

$ git grep 'id=".*"'
hoge.html:1: <div id="hoge" class="hoge">

またわかっことがあったらここに書く。