Zen-Coding と 動的補完機能を使うと、リスト(ol/ul)を素早く入力することが出来ます。
まずは、Zen-Coding を使ってリストの骨組みを入力します。
手順:「ol+」または「ul+」と入力し、Ctrl + , を押します。
そうすると、Zen-Coding により展開され、下記のようになります。
「ol+」の場合:
<ol>
<li>|</li>
</ol>
「ul+」の場合:
<ul>
<li>|</li>
</ul>
リストの骨組みが入力できたら、リストの中身を記述しましょう。
<ol>
<li>最初の項目だよ|</li>
</ol>
次の項目を入力する場合は、Ctrl + Enter で次行をオープンします。
そうすると、カーソルは次の行に移動します。
<ol>
<li>最初の項目だよ</li>
|
</ol>
この状態で Ctrl + L を押すと、<li></li> が補完されます。
<ol>
<li>最初の項目だよ</li>
<li>|</lie>
</ol>
以上を繰り返すことで、リストを素早く・簡単に入力できます。是非試してみてください。
入力する項目数がわかっている場合は、ol>li*5 Ctrl + , のように(数字は項目数です)入力することで、 指定個数のリストの骨組みを入力することも出来ます。
ol>li*5| ↓ Ctrl + , を押す <ol> <li>|</li> <li></li> <li></li> <li></li> <li></li> </ol>
場合によって、使い分けてください。