如何在WebStorm中用Tab自动补全给div添加多个类？

嘿，这个问题我太熟啦！在WebStorm（其实JetBrains全家桶的IDE都通用这套Emmet语法）里，要通过快捷方式给div加多个类，用Emmet的点号串联写法就行，操作超简单：

• 基础写法：直接在div后面用**点号（.）**把多个类名依次连起来，比如输入 div.class1.class2.class3，按下Tab键后，会自动生成：

<div class="class1 class2 class3"></div>

• 偷懒小技巧：如果不想写div，直接输入 .classA.classB 再按Tab，Emmet会默认帮你补全成带这两个类的div标签，比如输入 .header.nav-bar，生成的代码是：

<div class="header nav-bar"></div>

• 进阶组合用法：还能和ID、其他属性结合起来用，比如输入 div#page-wrapper.content-container.dark-mode，按Tab后会得到：

<div id="page-wrapper" class="content-container dark-mode"></div>

Emmet这套语法真的能大幅提升HTML编写效率，多试两次就能熟练掌握啦😉

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