CLion
 
Get CLion
Join the CLion 2025.1 Early Access Program and try out new features before they are released! Find out more

Emmet

Last modified: 22 October 2024

The Emmet toolkit enhances coding with HTML, CSS, and JSX. You can use Emmet code templates without leaving CLion. To expand a template into the correct markup, type its abbreviation and press Tab. To replace Tab with another key, refer to 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 3 × 2 table:

As a more complex example, let's type table#myid>tr.row$*3>td*2 and press Tab to get the same table but with the id attribute and a custom class for each table row:

For more information, refer to Emmet Cheat Sheet.

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