Emmet

Last modified: 21 July 2022

The Emmet toolkit enhances coding with HTML, CSS, and JSX. You can use Emmet code templates without leaving PyCharm. To expand a template into the correct markup, type its abbreviation and press Tab. For information about changing the shortcut, see Configure the abbreviation expansion key.

For example, in an HTML file, type table>tr*3>td*2 and press Tab to get a stub of a 3x2 table:

PyCharm supports such features as new syntax for writing RGBA colors, implied, default, and boolean attributes, the Update Tag action, and more.