WebStorm在选中文字左右两侧添加标签

在编写HTML的时候经常会遇到一个需求就是选中一段文字，然后在其左右两侧同时添加开合标签。

比如现在有

<div class="date-tag">4.12</div>

之后写css的时候发现因为某些原因需要把中间的4.12包裹在一个span内。

这个时候就可以选中4.12，按ctrl+alt+t，弹出如下菜单

菜单中的第3项就是我们想要的功能，可以用鼠标直接点击第3项，也可以连按两下↓键再按回车，当然，最快的方法还是直接按T键，因为第3项前面有一个带下划线的T，所以我们就可以知道T就是直接选择这项的快捷键，这个是自古以来的一个表示快捷键的方法😀

然后我们可以看到，在4.12的左右两侧出现一对空标签。

我们输入span，后面的闭合标签也会自动补全成/span

如果需要添加<p>或<div>等标签也是同理。