WebStorm autocomplete html code

webstorm

Solution

Such "transformation" (abbreviation expansion) called Emmet .. and by default it uses Tab key.

But it can also be Enter or Space .. or even custom key of your choice -- you can change it at `Settings/Preferences | Editor | Emmet`

P.S. For big chunks of code -- have a look at Live Templates (Code Snippets).

Problem

I'm searching for shortcut in WebStorm for auto completing my html code. So in my case if I write code like `.row` and press something it should automatically write `<div class="row"></div>`.

Original source