Hands-On Application Development with PyCharm

Emmet

If you are an experienced web programmer, you know that Emmet is a valuable tool in web development. In essence, Emmet provides powerful options to shorthand while writing HTML and CSS code; the support Emmet offers allows for faster writing and editing. Quite similar to general code completion, you type the shorthand for a piece of code in PyCharm and hit the Tab key, and the complete code will be inserted.

For example, you'd like to create an HTML table of two rows and three columns, which typically corresponds to the following code:

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

In this case, with Emmet, you can simply type table>tr*2>td*3 in an HTML file and hit the Tab key, and ...