Sublime Text 2に、Zen-Codingをインストールできなくて調べていたら、EmmetというZen-Codingの次期バージョンを見つけました。覚え書きのためにメモ。
基本的な使い方は、Zen-Codingと同じ。
「control + e」で展開する
ダミーテキストが展開できる
lorem か、 lipsum と入力すると、ダミーテキストが入力される。
^ で上の階層に戻る
(.header>.nav)+.logo
.header>.nav^.logo
CSSの記述が楽
h1 {
fl:l+d:i+c
}
展開後
h1 {
float: left;
display: inline;
color: #000;
}
fl:l float:left;
d:i display:inline;
c color:#000;