ホームページ > ウェブフロントエンド > htmlチュートリアル > Sublime Text が Webstorm のように選択範囲をインテリジェントに拡張できるようにします (HTML で BEM クラス名をすばやく選択できます)_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-24 11:33:57
オリジナル
2863 人が閲覧しました

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

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

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 になります。より良い代替手段が見つからなかったため、コードをフォークしてこの機能を追加しました。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート