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

Question

我最近开始使用PyCharm编辑HTML文件，作为更大的Python项目的一部分。因此，我可能缺乏必要的经验来看到这个功能适合的大局。

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

var isExist = document .querySelector("div.row.hidden") .dataset.partyRegistrationSourceTypeId.split(",").indexOf("3") > -1

按下该选择器末尾的tab键会将其转换为以下片段，并将光标放在元素内：

span.note.important

问题在于我当前已经映射了tab键（我认为它已经是默认情况下）来完成实时模板并在模板变量之间跳转。因此，调用模板，填入第一个变量，然后按Tab键不会跳转到下一个变量（或模板的末尾），而是用HTML-garbage填充模板参数！

我可以看到，即使在模板变量中，有时这种行为也会有用，但我希望在发生这种情况时做出选择。

有没有办法更改用于调用CSS-selector-to-HTML-magic的密钥？

Answer 1

1. Settings/Preferences | Editor | Emmet

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

   

   （注意：此屏幕截图来自PhpStorm，但PyCharm也是如此）

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

Answer 2

首先在PyCharm文档中查看此页面

https://www.jetbrains.com/pycharm/help/configuring-keyboard-shortcuts.html