RubyMine 2025.2 Help

Emmet

在本页配置 Emmet 偏好设置以用于 HTML、XML、JavaScript (JSX Harmony) 文件和样式表。

项目

描述

使用以下键扩展缩写

从此列表中选择展开 Emmet 选择器的默认键。 此键还将扩展 Emmet 实时模板

Emmet.HTML

项目

描述

启用 XML/HTML Emmet

选中此复选框以启用对 XML 和 HTML 的 Emmet 支持。 如果不选中此复选框,则复杂的缩写(例如 div.class>ul#list>.item$) 以及类似缩写)将无法在编辑器中运行。

启用缩写预览

选中此复选框以使 RubyMine 在实际扩展缩写之前显示一个包含输入缩写预览的弹出窗口。

缩写预览

启用在使用 <a> 标签包裹文本时自动识别 URL

  • 如果此复选框被清除,并且您用 Ctrl+Alt+J 包装一个 URL 地址,并带有 <a> 标签,RubyMine 将 URL 地址括在 <a href=""></a> 中,并将插入点放在 href 属性的双引号内。 例如,包装 https://www.jetbrains.com.cn 将产生以下结果:

    <a href=" |">https://www.jetbrains.com.cn</a>

  • 如果选中此复选框,并且您将 (Ctrl+Alt+J) URL 地址与 <a> 标签一起使用,RubyMine 会将 URL 地址作为 href 属性的值插入双引号中,并将 URL 包含在 <a href="<wrapped URL>"></a> 中。 例如,包装 https://www.jetbrains.com.cn 将产生以下结果:

    <a href="https://www.jetbrains.com.cn">https://www.jetbrains.com.cn</a>

在模板末尾添加编辑点

  • 如果选择此复选框,编辑位置将添加到 HTML 模板的末尾 ($END$)。

  • 如果未选中此复选框,则不会添加新的编辑点。

    请比较以下内容:

    在模板末尾编辑点

BEM

在此区域,指定类名、修饰符和短元素的 BEM 分隔符。 欲了解更多信息,请参阅 Emmet 文档

默认启用的过滤器

在此区域中,指定您希望在编辑器中显示展开缩写之前应用哪些 Emmet filters。 详细了解有关筛选器的更多信息,请访问 https://docs.emmet.io/filters/。 要默认始终应用筛选器,请选中其旁边的复选框。 可用选项包括:

Emmet.CSS

项目

描述

启用 CSS Emmet

选中此复选框以启用对样式表的 Emmet 支持。 如果未选中此复选框,那么像 bdci:n 展开为 border-corner-image: none; 这样复杂的缩写将在编辑器中无法使用。

启用 CSS 缩写的模糊搜索

选中此复选框后,每个未知缩写都会根据可用的模板名称进行评分。 将使用得分最高的匹配项来解析模板。 例如,启用此选项后,以下缩写可以等于:

  • ov:h

  • ov-h

  • o-h

  • oh

启用未知属性的扩展('unknown' 到 'unknown:;')

  • 选中此复选框时,任何输入的词都会扩展为相同的词,后跟冒号和分号;

  • 当此复选框被清除时,只有已知属性(例如, color )会以这种方式展开 color:;

自动插入 CSS 浏览器前缀

如果选中此复选框,下表中列出的 CSS 属性将扩展为包含前缀的结构。 了解更多信息,请访问 Vendor prefixes

如果未选中此复选框,则整个属性表将被禁用。

属性和供应商前缀

表格包含 CSS 属性和与各种浏览器对应的厂商前缀。

  • 若要在浏览器中启用或禁用属性,请选中或清除浏览器列下的复选框。

  • 要向列表中添加新属性,请点击 Add 按钮 或按 Alt+Insert。 然后在打开的对话框中输入该属性的名称,并在相关浏览器中启用它。

  • 要从列表中删除一个或多个属性,请选择它们并点击 移除 或按 Alt+Delete

Emmet.JSX

项目

描述

启用 JSX Emmet

选中此复选框以在 JSX Harmony上下文中的 XML 片段中使用 Emmet。

最后修改日期: 2025年 9月 26日