Pycharm
 
2023.3
快捷方式：Windows
获取 PyCharm
  1. 使用源代码
  2. 实时模板
  3. 埃米特

埃米特

最后修改时间：2023 年 11 月 29 日

Emmet工具包增强了 HTML、CSS 和 JSX 编码。您无需离开 PyCharm 即可使用 Emmet 代码模板。要将模板扩展为正确的标记，请键入其缩写并按。要替换为其他密钥，请参阅配置缩写扩展密钥。TabTab

例如，在 HTML 文件中，键入table>tr*3>td*2并按以获取 3 × 2 表的存根：Tab

<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

作为一个更复杂的示例，让我们键入table#myid>tr.row$*3>td*2并按以获取相同的表，但每个表行都有属性和自定义类：Tabid

<table id="myid">
    <tr class="row1">
        <td></td>
        <td></td>
    </tr>
    <tr class="row2">
        <td></td>
        <td></td>
    </tr>
    <tr class="row3">
        <td></td>
        <td></td>
    </tr>
</table>

有关更多信息，请参阅Emmet 备忘单。

PyCharm 支持诸如用于编写 RGBA 颜色的新语法、隐含属性、默认属性和布尔属性、更新标签操作等功能。

启用并配置 Emmet

借助 PyCharm，您可以使用本机 Emmet 模板以及编辑器 | Zen CSS、Zen HTML和Zen XSL节点下列出的 200 多个附加 HTML、CSS 和 XSL 实时模板。IDE 设置的 Live Templates页面。CtrlAlt0S

PyCharm 允许您使用和自定义 Emmet 实时模板，或者您也可以添加自定义模板。假设您有一个包含以下模板文本的模板条目：

<entry type="$TYPES$">$END$ <entry>

要生成条目列表，您只需键入“entry-list<entry[number=$]*5″并按。默认情况下，该属性将在 之前生成。要自定义它的生成位置，您需要将变量添加到模板中，例如：TabnumbertypeATTRS

<entry type="$TYPES$" $ATTRS$>$END$ <entry>

该ATTRS变量必须有一个空字符串作为默认值，并且应该被跳过。

将实时模板与 Emmet 结合使用

  1. 按打开 IDE 设置，然后选择编辑器 | 实时模板。CtrlAlt0S

  2. 在Emmet页面上，选中要使用的模板旁边的复选框。

  3. 当您在列表中选择模板时，焦点将移至“模板文本”区域，其中的字段显示所选模板的设置。

  4. 在模板文本字段中，将所需的文本和变量添加到模板正文。

  5. 单击编辑变量按钮。在打开的“编辑模板变量”对话框中，在“默认值”字段中指定默认变量值，并在必要时选中“如果定义则跳过”复选框。

配置缩写扩展键

默认情况下，Emmet 本机缩写和其他实时模板可通过按 展开。对于其他实时模板，PyCharm 允许您重新定义默认扩展键。请注意，此自定义设置不会覆盖本机 Emmet 支持的默认设置；您将能够使用这些键中的任何一个来扩展模板。Tab

配置本机 Emmet 缩写的扩展键

  1. 按打开 IDE 设置，然后选择编辑器 | 埃米特.CtrlAlt0S

  2. 在打开的Emmet 页面上，从扩展缩写列表中选择新的扩展键而不是默认的扩展键。Tab

为 Emmet 实时模板配置扩展键

  1. 按打开 IDE 设置，然后选择编辑器 | 实时模板。CtrlAlt0S

  2. 在打开的实时模板页面上，展开Zen HTML、Zen CSS或Zen XSL模板组，然后选择所需的模板。焦点移至模板文本区域。

  3. 从“扩展方式”列表中，选择用于扩展模板的键。

用 Emmet 模板包围代码块

在编辑点之间导航

在 HTML 和 XML 中，您可以在编辑点之间导航，即在适用 Emmet 模板的代码点之间导航。

也可以看看

参考

外部链接