[PhpStorm/WebStorm] Emmet記法で簡単にナンバリングしたダミー要素を生成する

harada 46views 更新:2015年5月21日

Emmet記法では$を利用することで、自動でナンバリングすることができます。

draggableというclassのdivに囲まれた要素を10個作ってナンバリングさせる

.draggable{テスト$}*10

↓ [Tab]で変換 

<div class="draggable">テスト1</div>
<div class="draggable">テスト2</div>
<div class="draggable">テスト3</div>
<div class="draggable">テスト4</div>
<div class="draggable">テスト5</div>
<div class="draggable">テスト6</div>
<div class="draggable">テスト7</div>
<div class="draggable">テスト8</div>
<div class="draggable">テスト9</div>
<div class="draggable">テスト10</div>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません