【问题标题】:"tagName.className + Tab" equivalent for attributes in WebStormWebStorm 中属性的“tagName.className + Tab”等效项
【发布时间】:2016-01-31 18:24:37
【问题描述】:

现实:

在 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 类的标签?

到目前为止我做了什么:

我查看了 Live Templates,但它们只能定义静态模板,这意味着我必须对每个可能的标签-属性对进行硬编码。我也找不到 <tag>.<className> 功能所在的位置,以便在此基础上构建一些东西。

【问题讨论】:

    标签: intellij-idea webstorm intellij-14


    【解决方案1】:

    此功能基于Emmet 缩写。有关 WebStorm 中 Emmet 支持的更多信息,请参阅https://www.jetbrains.com/webstorm/help/emmet-support.htmlhttps://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">

    【讨论】:

    • emmet.io 在一天结束时是一本很棒的读物!额外感谢您的链接。这正是我需要的(虽然我知道,但忘记了)。
    猜你喜欢
    • 1970-01-01
    • 2023-04-10
    • 2023-03-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多