emmetで要素を複数個作るときの書き方がわかりません

Question

 <ul id="columns">
    <li class="column" draggable="true"><header>ぺんぎんクッキー</header></li>
    <li class="column" draggable="true"><header>あひるサブレ</header></li>
    <li class="column" draggable="true"><header>しろくまアイス</header></li>
    <li class="column" draggable="true"><header>にわとりタルト</header></li>
    <li class="column" draggable="true"><header>かるがもクラッカー</header></li>
 </ul>

上記をEmmetで書きたいです。ul#columns>li.column[draggable=true]>headerと書くと

<ul id="columns">
    <li class="column" draggable="true">
        <header></header>
    </li>
</ul>

と表示されてしまいます。ここにあとは数を指定したいのですが、どの箇所に置いても置いた直前の要素だけが増えてしまい
思ったように表示されません。どのように書けば一番上のHTMLのように表示できるのでしょうか？

Answer 1

コマンドパレットからWrap Indivisual Lines with Abbreviation（個々の行でラップ変換）→
ul#columns>(li.column[draggable=true]>header)*
でできませんか？

Comments

[退会済みユーザー]

liからheaderを()で閉じると上手くいきました！Groupingという書き方なんですね。ありがとうございました

Answer 2

Wrap with Abbreviation という機能を使う必要があります。各種テキストエディタにより、Wrap with Abbreviation の起動させるキーが違っていたり、そもそも未サポートだったりするので詳しくはお使いのテキストエディタや IDE、またはその Emmet 拡張のドキュメントを参照して下さい。(Emmet をサポートしているテキストエディタや IDE は沢山あります)

で、やり方ですが大事なのは「繰り返される部分に * を付けること」です。

Comments

[退会済みユーザー]

教えていただいたWrap With Abbreviation機能を使って5つのテキストをドラッグしたうえで`ul#columns>li.column[draggable=true]*>header`と入力したのですが
<ul id="columns">
<li class="column" draggable="true">
<header>
あ
い
う
え
お
</header>
</li>
</ul>
と表示されました。何か注意したほうが良い点はありますか？
利用しているツールはvsCodeです

[mattn]

emmet の実装は各テキストエディタにより異なるのですが、vscode はこの式をサポートしてない様ですね。オフィシャルのドキュメントにも書かれている式なので単に vscode 側の問題だと思います。

https://docs.emmet.io/actions/wrap-with-abbreviation/#controlling-output-position