MacのSublime Text 3 + Emmet で閉じタグの後ろにコメントを加える設定 - megane9988のブログ

Sublime Text 2 + Emmet で閉じタグの後ろにコメントを加える設定 – フロントエンドとかPCとかスマホとか の自分の環境版 (MacのSublime Text 3 + Emmet) です。具体的には header#megane.9988 と入力して展開した際にこれまでは <header id="megane" class="9988"></header> だったものが <header id="megane" class="9988"></header><!-- /#megane .9988 --> というように、同 id や class でのコメントが閉じタグ後に自動付与されます。以下は手順です。すでにEmmetがインストールされている前提で進めます。自分の環境ではこれで動いてますが、影響の範囲は不明なので自己責任でお願いします。 1. Emmet パッケージを解凍する

[Olein]

“if (attrs.indexOf("id=")!=-1 || attrs.indexOf("class=")!=-1) { var commentStr = '/' + attrs.slice(1); commentStr = commentStr.replace('id=', '#'); commentStr = commentStr.replace('class=', '.'); commentStr = commentStr.replace(/"/g, ''); end = '</' + tagName + '><!-- ' + commentStr + ' -->'; } el