Sublime Text が Webstorm のように選択範囲をインテリジェントに拡張できるようにします (HTML で BEM クラス名をすばやく選択できます)_html/css_WEB-ITnose

機能は画像で直接確認できます:

インストール手順 (リリースされたばかりなので、バグがある場合はフィードバックを歓迎します)

1. コマンド ツールを開き、git clone https://github.com/bammoo/パッケージディレクトリ内のsublime-expand -region.git

"Packages" ディレクトリアドレス:

• OS

  ~/.config /sublime-text-2/Packages/

Windows:

• %APPDATA %/Sublime Text 2/Packages/

2. ユーザー キーマップ構成ファイルを開き、次のキーマップを追加します

{ "keys": ["super+shift+space"], "command": "expand_region" },{  "keys": ["super+u"],  "command": "expand_region",  "args": {"undo": true},  "context": [{ "key": "expand_region_soft_undo" }]},

Mac パスは Packages/User/Default (OSX).sublime-keymap です。Windows および Linux ユーザーは、を参照してください。自分で設定します。

理由
• 先月この Sublime プラグインを見つけました: https://github.com/aronwoost/sublime-expand-region 残念ながら、このプラグインは引用符内のスペースを無視します。フロントエンドまたはリファクタリングで BEM を使用する場合、HTML は常に比較的長い className-className__className-className_className になります。より良い代替手段が見つからなかったため、コードをフォークしてこの機能を追加しました。