webstorm如何快速给html元素嵌套标签？

Question

如题：
我的html代码中包含一定量的形如<div>xxxxx</div>的代码，我想给这些xxxxx套上<span></span>，有什么简便一点的方法或者快捷键？

Answer 1

Answer 2

选中需要添加环绕标签的元素，按ctrl+alt+t 环绕标签。

Answer 3

在 webstorm 里面 使用 以下格式 ，可以生成多个 li 标签，和 a 标签 还有类似的名字

<div>

ul>li*10>a{商品$}

</div>

意思是：li 标签有10个 ， a标签嵌套在 li 标签里面 ， 然后名字分别是 商品1 商品2 ……
其他类似的标签也是一样。格式都是这样。最后在末尾按 tab 键（就在键盘的左上角Tab）
多尝试几次就会了。
sublime 里面好像也可以用