Sublime TextでHTMLの終了タグを見つける

非常に長くネストされたHTMLドキュメントがあり、そこで終了タグをすばやく見つける必要があります。これどうやってするの？

EmmetプラグインコマンドGo To Matching Pairを試してください：

http://docs.emmet.io/actions/go-to-pair/

ショートカット（Mac）：Shift+ Control+T

ショートカット（PC）：Control+ Alt+J

https://github.com/sergeche/emmet-sublime#available-actions

（ショートカットがありますCtrl+ Shift+ AWindowsとLinuxのユーザーのために、Command+ Shift+ A現在選択されているタグ内にブロック全体を選択するMacユーザーのために）。

たとえば、テキストカーソルがdiv以下のコードの外側のタグ内にあるときにこれを押すdivと、クラスselectedを持つすべてのs が選択されます。

<div class='current_tag_block'>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
</div>

少なくともSublime Editor 2から組み込まれています。以下を押すだけで、HTMLタグのバランスが取られます

ショートカット（Mac）： Shift+ Command+ A

ショートカット（Windows）： Control+ Alt+ A

「Goto」メニューのControl+ Mは、Jump to Matching Bracketです。括弧にも使用できます。

上記のいずれもWindows 10のSublime Text 3では機能しませんでした。Ctrl+ Shift + 'をEmmet Sublime Text 3プラグインで使用すると、うまく機能し、私にとって唯一有効なソリューションでした。Ctrl + Shift + Tは、最後に閉じたアイテムを再び開きます。私の知る限り、Sublimeは、ST3の初期のビルドまたはST2の遅いビルド以降に開かれています。

前に述べたように、Control/ Command+ Shift+ Aはタグ照合の基本的なサポートを提供します。もう一度押すと、一致が親要素に拡張されます。左/右矢印を押すと、開始/終了タグにジャンプします。

とにかく、一致するタグの組み込みの強調表示はありません。Emmetは人気のあるプラグインですが、この目的には過剰であり、Emmetのような編集が必要ない場合は邪魔になる可能性があります。この使用例では、ブラケットハイライターの方が適しているようです。

折りたたみを有効にして別の方法を試してみるとよいでしょう。

ST2とST3の両方で、ユーザー設定で折りたたみを有効にした場合：

{
    ...(previous item)
    "fold_buttons": true,
    ...(next item, thus the comma)
}

開始タグがある行の左側にある三角形の折りたたみボタンを確認できます。クリックして展開/折りたたみます。コピー、フォールド、コピーしたい場合は、すべてのブロックを取得します。