"tagName.className + Tab" 等效于 WebStorm 中的属性
"tagName.className + Tab" equivalent for attributes in WebStorm
现实：
在 WebStorm (v.10.0.4) 中，与许多其他 IDEs/text 编辑器一样 table.table.table-striped + tab 为您节省了一些时间和字符以获得 <table class="table table-striped"></table>。
id 属性有类似的功能：div#one -> <div id="one"></div>。
在 Bootstrap 中效果很好。但是对于 Angular Material，它有很多元素的自定义属性，这还不够。
问题：
有没有办法在 WebStorm 中定义一种类似于 <tag>.<className> 的正则表达式来动态生成带有属性的标签而不是 CSS 类？
到目前为止我做了什么：
我查看了 Live Templates，但它们只能定义静态模板，这意味着我必须对每个可能的标记-属性对进行硬编码。我也找不到 <tag>.<className> 功能所在的位置，以便在此基础上构建一些东西。
此功能基于 Emmet abbreviations. See https://www.jetbrains.com/webstorm/help/emmet-support.html, https://www.jetbrains.com/webstorm/help/expanding-emmet-templates-with-user-defined-templates.html 以获取有关 WebStorm 中 Emmet 支持的更多信息。
特别是，要生成具有某些属性的 HTML 元素，您需要使用 tag_name[attr=value] 语法，
赞：link[rel=prefetch title="Hello world"]生成<link rel="prefetch" href="" title="Hello world">
现实：
在 WebStorm (v.10.0.4) 中，与许多其他 IDEs/text 编辑器一样 table.table.table-striped + tab 为您节省了一些时间和字符以获得 <table class="table table-striped"></table>。
id 属性有类似的功能：div#one -> <div id="one"></div>。
在 Bootstrap 中效果很好。但是对于 Angular Material，它有很多元素的自定义属性，这还不够。
问题：
有没有办法在 WebStorm 中定义一种类似于 <tag>.<className> 的正则表达式来动态生成带有属性的标签而不是 CSS 类？
到目前为止我做了什么：
我查看了 Live Templates，但它们只能定义静态模板，这意味着我必须对每个可能的标记-属性对进行硬编码。我也找不到 <tag>.<className> 功能所在的位置，以便在此基础上构建一些东西。
此功能基于 Emmet abbreviations. See https://www.jetbrains.com/webstorm/help/emmet-support.html, https://www.jetbrains.com/webstorm/help/expanding-emmet-templates-with-user-defined-templates.html 以获取有关 WebStorm 中 Emmet 支持的更多信息。
特别是，要生成具有某些属性的 HTML 元素，您需要使用 tag_name[attr=value] 语法，
赞：link[rel=prefetch title="Hello world"]生成<link rel="prefetch" href="" title="Hello world">