Emmet

启用 XML/HTML Emmet

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

启用缩写预览

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

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

• 如果清除此复选框，并使用 <a> 标签将 URL 地址包裹（Ctrl+Alt+J ），PyCharm 会将该 URL 地址放入 <a href=""></a> 中，并将插入符号置于 href 属性的双引号内。 例如，包裹 https://www.jetbrains.com/zh-cn 将会产生以下结果：

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

• 如果选中此复选框，并使用 <a> 标签将 URL 地址包裹（Ctrl+Alt+J ），PyCharm 会将该 URL 地址作为 href 属性的值插入到双引号内，并用 <a href="<wrapped URL>"></a> 包裹该 URL。 例如，包裹 https://www.jetbrains.com/zh-cn 将会产生以下结果：

  <a href="https://www.jetbrains.com/zh-cn">https://www.jetbrains.com/zh-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 属性将展开为包含前置供应商前缀的结构。 了解更多内容，请参阅 Vendor prefixes。

清除此复选框后，将禁用整个属性表。

属性和供应商前缀

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

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

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

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

启用 JSX Emmet

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