By default "live edit" mode is enabled (View -> Live Edit), but in case of WebStorm this mode disabled by default (because plugin is bundled with WebStorm).
Rethinking LiveEdit (02 July, 2013)
- How do I run LiveEdit?
- Why my page is not inspected?
- Why unrelated page is inspected and modified?
The Live Edit plugin is bundled with WebStorm. If you're using PhpStorm, IntelliJ IDEA Ultimate, PyCharm Professional or RubyMine, please check that the plugin installed in Preferences | Plugins.
With Live Edit you can see changes you make in HTML or CSS files in the browser right away, without reloading the page.
0. Make sure the JetBrains IDE Support Google Chrome extension is installed.
2. Start editing your code and you'll see the changes in the browser.
Read more about the Live Edit plugin in this blog post.