VScodeでハイフン区切りをダブルクリックで一括選択する方法

コードエディタのVSCodeは、デフォルトの設定ではハイフン（-）で区切った単語をダブルクリックで一括選択できません。

BEMやFLOCSSといったCSSの設計手法では、クラス名にハイフンで区切りを入れることも多いため、CSSのスタイルを適用する時に、クラス名を一括選択できると作業を効率化できます。

たったの２ステップで設定できるのでこの機会に設定をしてみてください。

作業の効率化に必須の設定ですので、学習段階から設定することをおすすめします。

冒頭で紹介したCSS設計については、以下の書籍が参考になります。
制作会社などで取り入れられているCSS設計手法について、わかりやすく解説されているので今すぐ読むべき本です。

CSS設計完全ガイド　～詳細解説＋実践的モジュール集 [ 半田 惇志 ] 価格：3,608円（税込、送料無料) (2024/1/24時点) 楽天で購入

web制作者はWordPressブログを始めましょう！
以下の記事で、WordPressブログをやるメリットについて解説しています。