PhpStorm 2021.3 Help

埃米特

在此页面上,为 HTML、XML、JavaScript (JSX Harmony) 文件和样式表配置 Emmet 首选项。

展开缩写

从此列表中,选择默认键来展开 Emmet 选择器。默认情况下,此键还将展开Emmet 实时模板

埃米特.HTML

启用 XML/HTML Emmet

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

启用缩写预览

选中此复选框可让 PhpStorm 在实际展开之前显示一个包含输入缩写预览的弹出窗口。

缩写预览

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

  • 如果清除此复选框并且您尝试使用 <a> 标记包装 URL 地址,PhpStorm 会将 URL 地址<a href=""></a>括在其中并将光标定位在href属性中的双引号内。例如,换http://www.jetbrains.com行将导致<a href="| ">http://www.jetbrains.com</a>

    Emmet 识别 url 关闭
  • 如果选中此复选框并且您尝试使用 <a> 标记包装 URL 地址,PhpStorm 会在双引号内插入 URL 地址作为href属性值,并将 URL 括在<a href="<wrapped URL>"></a>. 例如,包装http://www.jetbrains.com将导致<a href="http://www.jetbrains.com">http://www.jetbrains.com</a>. 此外,PhpStorm 将包装好的 URL 突出显示为绿色作为可识别的 URL:

    Emmet识别网址

在模板末尾添加编辑点

如果选中此复选框,则会在 HTML 模板的末尾添加一个编辑位置 ($END$);

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

比较以下内容:

模板末尾的编辑点

边界元法

在此区域中,为类名、修饰符和短元素指定 BEM 分隔符。有关详细信息,请参阅Emmet 文档

默认启用过滤器

在此区域中,指定您希望将哪些Emmet 过滤器应用于扩展缩写词,然后再将其显示在编辑器中。在http://docs.emmet.io/filters/了解有关过滤器的更多信息。要始终默认应用过滤器,请选中它旁边的复选框。可用的选项有:

埃米特.CSS

启用 CSS Emmet

选中此复选框以启用对样式表的 Emmet 支持。如果未选中此复选框,则复杂的缩写(例如展开bdci:nborder-corner-image: none;)将无法在编辑器中使用。

在 CSS 缩写之间启用模糊搜索

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

  • ov:h

  • ov-h

  • o-h

  • oh

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

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

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

自动插入 CSS 供应商前缀

如果选中此复选框,下表中列出的 CSS 属性将扩展为包含前置供应商前缀的结构。在供应商前缀中了解更多信息。

如果清除此复选框,则禁用整个属性表。

属性和供应商前缀

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

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

  • 要将新属性添加到列表中,请单击添加按钮图标一般添加或按Alt+Insert。然后在打开的对话框中键入属性的名称并在相关浏览器中启用它。

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

埃米特.JSX

启用 JSX Emmet

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

最后修改:2021 年 12 月 20 日