GoLand 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$) 等复杂缩写将在编辑器中不可用。

启用缩写预览

选中此复选框后,GoLand 会在展开前弹出窗口预览已输入的缩写。

缩写预览

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

  • 清除此复选框后,若使用 <a> 标签包裹(Ctrl+Alt+J )URL 地址,GoLand 会将该地址包装在 <a href=""></a> 中,并将光标置于 href 属性的双引号内。 例如,包裹 https://www.jetbrains.com.cn 时会产生以下结果:

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

  • 选中此复选框后,若使用 <a> 标签包裹(Ctrl+Alt+J )URL 地址,GoLand 会将该地址作为 href 属性的值插入双引号内,并用 <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/。 如需默认始终应用某个过滤器,请选中其旁边的复选框。 可用选项包括:

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 属性将展开为包含前置供应商前缀的结构。 在 供应商前缀 了解更多信息。

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

属性与供应商前缀

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

  • 要在浏览器中启用或禁用某个属性,请在该浏览器列下选择或取消选中复选框。

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

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

Emmet.JSX

描述

启用 JSX Emmet

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

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