现实：
在WebStorm（v.10.0.4）中，与许多其他IDE /文本编辑器table.table.table-striped + tab一样，可以节省一些时间和字符来获取<table class="table table-striped"></table>。
id属性有类似的功能：div#one - ＆gt; <div id="one"></div>。
使用Bootstrap，这非常有效。但是对于Angular Material，它在元素上有许多自定义属性，这还不够。
问题：
有没有办法在WebStorm中定义一种类似于<tag>.<className>的正则表达式来动态生成带有属性而不是CSS类的标签？
到目前为止我做了什么：
我看过实时模板，但他们只能定义静态模板，这意味着我必须对每个可能的标签属性对进行硬编码。此外，我无法找到<tag>.<className>功能所在的位置，以便在此基础上构建内容。
答案 0 :(得分：3)
此功能基于Emmet缩写。有关WebStorm中Emmet支持的更多信息，请参阅https://www.jetbrains.com/webstorm/help/emmet-support.html，https://www.jetbrains.com/webstorm/help/expanding-emmet-templates-with-user-defined-templates.html。
特别是，要生成具有某些属性的HTML元素，您需要使用tag_name[attr=value]语法
赞：link[rel=prefetch title="Hello world"]生成<link rel="prefetch" href="" title="Hello world">