Emmet
Emmet 工具包增强了对 HTML、CSS 和 JSX 的编码。 您可以在不离开 PyCharm 的情况下使用 Emmet 代码模板。 要将模板展开为正确的标记，请键入其 缩写 ，然后按 Tab。 要将 Tab 替换为其他键，请参阅 配置缩写扩展键。
例如，在 HTML 文件中，键入 table>tr*3>td*2 并按 Tab 以获取一个 3 × 2 的表格模板：
作为一个更复杂的例子，让我们输入 table#myid>tr.row$*3>td*2 并按 Tab 以获得相同的表，但具有 id 属性和每行的自定义类：
如需更多信息，请参阅 Emmet Cheat Sheet。
PyCharm 支持诸如编写 RGBA 颜色的新语法、隐含、默认和布尔属性、 Update Tag 操作等功能。
启用和配置 Emmet
使用 PyCharm，您可以使用原生的 Emmet 模板，以及超过 200 个额外的 HTML、CSS 和 XSL 动态模板，这些模板列在 Zen CSS、 Zen HTML 和 Zen XSL 节点下，位于 编辑器 | 实时模板 设置页面  Ctrl+Alt+S。
PyCharm 允许您使用和自定义 Emmet 实时模板，或者您可以添加自定义模板。 假设您有一个模板 条目 及以下模板文本：
生成条目列表，您只需输入 “entry-list<entry[number=$]*5″ 然后按下 Tab。 默认情况下， number 属性将在 type 之前生成。 要自定义它生成的位置，您需要将 ATTRS 变量添加到您的模板中，例如：
ATTRS 变量的默认值必须是空字符串，并且应被跳过。
使用带有 Emmet 的 实时模板
按 Ctrl+Alt+S 打开设置，然后选择 。
在打开的 实时模板 页面上，展开 Zen HTML、 Zen CSS 或 Zen XSL 模板组，并选中您想要使用的模板旁边的复选框。
当您在列表中选择一个模板时，焦点会移动到 Template Text 区域，其中的字段显示所选模板的设置。
在 模板文本 字段中，将所需的文本和变量添加到模板主体中。
点击 编辑变量 按钮。 在打开的 编辑模板变量对话框中， 在 默认值 字段中指定默认变量值，并在必要时选择 如果定义则跳过 复选框。
配置缩写扩展键
默认情况下，Emmet 原生缩写和其他动态模板通过按下 Tab 进行展开。 如需更多动态模板，PyCharm 允许您重新定义默认的展开键。 请注意，此自定义设置不会覆盖默认的 Emmet 原生支持设置；您只需使用这两个键之一来扩展模板即可。
配置原生 Emmet 缩写的扩展键
按 Ctrl+Alt+S 打开设置，然后选择 。
打开的 Emmet 页面中，从 展开缩写 列表中选择新的扩展键，而不是默认的 Tab。
为 Emmet 实时模板 配置扩展键
按 Ctrl+Alt+S 打开设置，然后选择 。
在打开的 实时模板 页面上，展开 Zen HTML、 Zen CSS 或 Zen XSL 模板组，并选择所需的模板。 焦点会移动到 Template Text 区域。
从 展开使用 列表中选择要展开模板的键。
使用 Emmet 模板包围代码块
在编辑器中，选择要围绕的代码块并按 Ctrl+Alt+J 或从主菜单中选择 。
从 列表中，选择 Emmet：
输入要使用的 Emmet abbreviation 并按 Enter。
请注意右侧的列表。 点击向下箭头查看最近应用的 Emmet 实时模板历史：
还请注意颜色指示。 如果您输入有效的 Emmet 缩写，背景将变为绿色。 但是，当输入一个不存在的缩写时，背景会变成红色：
在编辑点之间导航
在 HTML 和 XML 中，您可以在 编辑点之间导航，也就是 Emmet 模板适用的代码点之间。
若要将文本光标移至上一个编辑点，请选择 ，或按 Alt+Shift+[。
要将文本光标移动到下一个编辑点，请选择 或按 Alt+Shift+]。