如何用Emmet缩写将现有URL批量生成正确的li与a标签？

我有一组空格分隔的URL：

www.google.com www.yahoo.com www.instagram.com www.github.com

希望将它们转换为包含<li>和<a>标签的<ul>结构，预期输出如下：

<ul>
  <li><a href="www.google.com" target="_blank">www.google.com</a></li>
  <li><a href="www.yahoo.com" target="_blank">www.yahoo.com</a></li>
  <li><a href="www.instagram.com" target="_blank">www.instagram.com</a></li>
  <li><a href="www.github.com" target="_blank">www.github.com</a></li>
</ul>

我尝试了以下Emmet代码片段：

ul>li*4>a[href="http://www.$#.com" target="_blank"]{http://www.$#.com}

但没有得到正确结果，实际输出里每个链接都把所有URL混在了一起，请问该如何调整Emmet缩写实现需求？

你之前的写法问题在于用了$#序号占位符，但Emmet没法自动识别你要把选中的URL拆分对应到每个<li>里。其实Emmet有专门针对选中内容批量生成元素的特性，按下面的步骤操作就能解决：

1. 先选中所有空格分隔的URL文本（也就是www.google.com ... www.github.com这段内容）
2. 使用以下Emmet缩写：

ul>li>a[href="$&" target="_blank"]{$&}

或者更简洁的写法效果一样：

ul>li*>{<a href="$&" target="_blank">$&</a>}

关键说明： #

• $&是Emmet的特殊占位符，它会自动把你选中的内容按空格（或换行符）拆分，然后依次填充到每个重复生成的<li>和<a>元素中
• 不需要手动指定*4这种数量，Emmet会根据你选中的URL数量自动生成对应个数的<li>元素

完成选中后，触发Emmet的展开快捷键（比如大部分编辑器里的Tab键），就能直接得到你想要的<ul>列表结构啦。

内容的提问来源于stack exchange，提问作者DolDurma