VSCodeでハイフン区切りの単語をダブルクリックで選択する方法

VSCodeで文字列をダブルクリックしたら単語が選択されますが、半角スペースやハイフンが文字列中にあった場合、そこで区切られてしまいます。

今回は、ダブルクリックした時に文字列にハイフンが含まれていても区切られずに全体を選択されるようにする方法を解説します。

↑「text-text」の文字列をダブルクリック時に、デフォルトだと最初の「text」のみが選択される。これを「text-text」を選択されるようにしたい。

VSCodeの設定を変える

1. VSCodeの設定を開く
2. editor.separator で検索
3. Editor: Word Separators の文字列（以下画像の赤枠）にハイフン（-）を追加

これだけで作業は終わりです。

上記の解説ではハイフンを追加していますが、もちろん他の文字列も設定できます。

私は「$」も追加しています。（PHPの変数名でよく使うので）

まとめ

この設定をすれば、クラス名でハイフンを使っても全体を一度で選択できます。

個人的には、この設定を一度したらもう以前には戻れないくらいコーディングの効率が上がりました。是非設定してみてください。