Emmet

启用 XML/HTML Emmet

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

启用缩写预览

选中此复选框后，WebStorm 会在实际展开缩写之前，弹出显示所输入缩写的预览。

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

• 如果未选中此复选框，且您使用 Ctrl+Alt+J 包裹一个 URL 地址与 <a> 标签，WebStorm 会将该 URL 地址包裹在 <a href=""></a> 中，并将插入点放在 href 属性的双引号内。 例如，包裹 https://www.jetbrains.com.cn 会得到如下结果：

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

• 如果选中此复选框，且您使用 Ctrl+Alt+J 包裹一个 URL 地址与 <a> 标签，WebStorm 会将该 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 过滤器。 了解有关过滤器的更多信息，请访问 https://docs.emmet.io/filters/。 要默认始终应用某个过滤器，请选中其旁边的复选框。 可用选项包括：

• XSL 调整

• 注释标签

• 转义

• 单行

• BEM

• 删除行标记

启用 CSS Emmet

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

启用 CSS 缩写的模糊搜索

选中此复选框后，每个未知缩写都会与可用模板名称进行评分匹配。 得分最高的匹配项将用于确定模板。 例如，启用此选项后，以下缩写可等同于：

• ov:h

• ov-h

• o-h

• oh

启用未知属性的展开（例如将 'unknown' 展开为 'unknown:;'）

• 选中此复选框后，任何输入的词都将展开为该词后跟冒号和分号；

• 如果未选中此复选框，仅已知属性（例如 color ）会以此方式展开 color:;

自动插入 CSS 浏览器前缀

选中此复选框时，下表中列出的 CSS 属性将展开为包含前置供应商前缀的结构。 了解详情，请参见 供应商前缀。

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

属性和浏览器前缀

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

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

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

• 要从列表中删除一个或多个属性，请选择它们，然后点击 移除 或按下 Alt+Delete。

启用 JSX Emmet

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