现实:
在 WebStorm (v.10.0.4) 中，与许多其他 IDE/文本编辑器一样 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 类的标签？
到目前为止我所做的事情:
我查看了实时模板，但它们只能定义静态模板，这意味着我必须对每个可能的标签属性对进行硬编码。我也找不到<tag>.<className>在哪里功能存在是为了在此基础上构建一些东西。
最佳答案
此功能基于Emmet缩写。请参阅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">
关于intellij-idea - "tagName.className + Tab"相当于 WebStorm 中的属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35117571/