在学习视频的时候看到一些前端的人用代码生成元素 感觉很高效想系统的看一下

生成快捷键语法，但是视频没有详细的提及想问一下各位大佬这是什么语法能在

idea识别 比如

以下 div.clasa.out + tab键生成了

<div class="clasa out"></div>

div*3+tab

        <div></div>
        <div></div>
        <div></div>

求告知这是什么语法 如何学习？

我试了一下，是 IDEA 自带的代码补全功能。

https://my.oschina.net/dyyweb/blog/494504
博客后半部分有你想要的

IntelliJ-Idea开发工具来编写HTML代码时常用的快捷键 输入然后+Tab键
1、link:css 引入css文件
2、script:src 引入js文件
3、ul+ ul以及一个li
4、script html中插入js
5、a:link
6、html:5 h5结构
7、div.class1 class:class1

8、div#id1 id:id1
9、div.class1.class2 class:class1,class2
10、a.mail
11、form:get get表单
12、input:hidden hidden输入框
13、head>link:css head+link
14、p+P 两个p
15、p*3 3个p
16、ul>li.item$*5 创建ul下有个li同时class分别为item1，item2...5个
17、pos position，组合可用pos:s|a|r|f
18、t top，组合a auto
19、r right，组合a
20、l left
21、b bottom
22、z z-index
23、fl float
24、cl clear
25、d display 组合可用n|b|i|ib
26、ov overflow
27、v visibility
28、zoo zoom:1
29、cp clip
30、bx box-sizing
31、bxsh:w -webkit-box-shadow:0 0 0 #000;