WebStorm 2025.2 Help

智能键设置:HTML/CSS

使用此设置页面配置 HTML、XML 和 CSS 中的输入辅助功能。

如需了解详情,请参阅 HTMLXMLCSS 的专用主题。

XML/HTML

项目

描述

在标记完成时插入结束标记

选中此复选框后,在输入相应的起始 XML 或 HTML 标签时,WebStorm 将自动插入结束标签。

在标记补全时插入必需特性

选中此复选框后,WebStorm 将显示包含已输入标签所有必需属性的模板。

在标记完成时插入必需子标记

选中此复选框后,WebStorm 将显示包含所有必需子标签的模板

标记补全时起始特性

选中此复选框后,WebStorm 将显示包含该标签第一个必需属性的模板。

在输入'=' 和特性补全时为特性值添加引号

选中此复选框后,WebStorm 将自动为您当前输入的属性值添加引号。

输入'</' 时自动关闭标记

选中此复选框可在输入 </ 后自动添加结束标签。清除此复选框可关闭该自动补全功能。 清除此复选框可关闭该自动补全功能。

同时编辑 <tag></tag>

选中此复选框后,当编辑起始标签时,其对应的结束标签会被同步更改。

如果未选中此复选框,则编辑起始标签不会影响对应的结束标签,后者保持不变。 因此,起始和结束标签将不匹配,整个结构会被标记为错误并加下划线。

此复选框控制 WebStorm 在以下情况中的行为:

  • HTML 文件

  • JavaScript 代码中的 HTML 注入

  • 包含 Handlebars/Mustache 模板的 HTML

  • 扩展名为 .hbs Handlebars/Mustache 模板文件

  • XML、XHTML 文件

  • DTD 文件

  • JSX 文件

CSS

项目

描述

双击时选择整个 CSS 标识符

选中此复选框时,双击 CSS 标识符或类名将选择直至前缀部分的完整名称。 例如,在 <div class="text-gray-600"> 中双击 gray 将选择整个类名 text-gray -600

双击选择完整 CSS 标识符:开启

如果未选中此复选框,双击 CSS 标识符或类名将选择距最近连字符之间的一部分名称:

双击选择完整 CSS 标识符:关闭
最后修改日期: 2025年 9月 26日