更改将 HTML 标记名称扩展为元素的键

Posted 2023-03-28

【中文标题】更改将 HTML 标记名称扩展为元素的键

【英文标题】：Change key for expanding HTML tag name to element

【发布时间】：2021-12-20 16:31:36

【问题描述】：

我最近开始使用 PyCharm 作为大型 Python 项目的一部分来编辑 html 文件。因此，我可能缺乏必要的经验来了解此功能适合的更大图景。

PyCharm 的 HTML 模式有一个很酷的特性，它将 CSS 选择器扩展为一个完整的 HTML 标签，该标签将被该选择器匹配。据我所知，主要用途是快速创建已设置一些常用属性的任意 HTML 标记：

span.note.important

在该选择器的末尾按 Tab 键会将其转换为以下片段，其中光标位于元素内：

<span class="note important"></span>

问题是我目前已经将 tab 键（我认为它已经默认）映射到完成实时模板和模板变量之间的跳转。因此调用模板，填充第一个变量，然后按 Tab 键不会跳转到下一个变量（或模板的末尾），而是用 HTML 垃圾填充模板参数！

我可以看到有时这种行为会很有用，即使在模板变量中也是如此，但我希望在它发生时有选择。

有没有办法改变用于调用 CSS-selector-to-HTML-magic 的键？

【参考方案1】：

Settings/Preferences | Editor | Emmet

将 Expand abbreviation with 从 Tab 更改为其他内容。

（注意：此截图来自 phpStorm，但 PyCharm 相同）

https://www.jetbrains.com/pycharm/help/enabling-emmet-support.html?search=emmet

【讨论】：

谢谢！ “Emmet”是我需要知道的关键字。