[SublimeText]Emmetで高速HTML/CSSコーディング HTML編

Sublime Text 2 を使い始めた理由の半分が Emmet で高速 HTML/CSS コーディングしたかったからだ。 Emmet の凄さを見ればきっとあなたも使いたくなるだろう。 百聞は一見に如かずだ。 Emmet Documentationでその凄さを見てきてほしい。 Sublime Text 2 へのインストールは sergeche/emmet-sublime · GitHub から。 ここではHTML展開の基本をまとめたいと思う。 トリガータブまたはCtrl+Eで以下のような変換ができる。 HTMLの展開要素名タグ名を入力してトリガー発動するだけ。タグ名でなくてもタグっぽく展開する。 ネスト演算子子: >ul>li<ul> <li></li> </ul>兄弟: +div+div<div></div> <div></div> 親: ^ul>li^div<ul> <li></li

[hedeyoshi]

emmetの書き方。未だに覚えきれていない。チートシートを印刷して手元に置きたいけどいいチートシート無いかな。

[kjktk]

テキスト: {}