JetBrains WebStorm


After a hiatus of almost eight years I have returned to doing development of HTML apps. The first thing I started searching for is a decent IDE. My search revealed Visual Studio .NET 2010, which I already had installed, JetBrains WebStorm 4, which I am now evaluating, and Aptana Studio 3, a free alternative.

Visual Studio .NET 2010 does have nice HTML WYSIWYG editing and CSS support, but you quickly realize that it has less than stellar support for code editing. Compared to code editing capabilities for .NET languages, the editor for HTML and JavaScript is poor.

Aptana Studio 3 is awesome for its price. It has a nice code editor with syntax highlighting and auto-completion. It tends to freeze occasionally when certain features are loaded for the first time, but is otherwise quite responsive.

None of the these compare to the joy that is WebStorm. I’ll quickly high-light what I like about it.

  1. You can create projects, but can just as well point to the root folder of your HTML code and are good to go. Couldn’t be simpler. It supports commonly used version control repositories, including SVN and Git.
  2. Auto-completion in HTML, JavaScript and CSS works really well. HTML auto-completion even works in JavaScript strings.
  3. Quickly find (control+click) where a CSS style or JavaScript function is defined, and used (Alt+F7). Really nice to gain a big picture understanding of a (rather messy) code base. Jump to files using the same method.
  4. Refactor (rename, move, delete…) files, class names, JavaScript functions and so on. Really nice for making sweeping changes with ease. I did encounter a few rough edges. For instance, I found it impossible to rename a class when multiple class names are specified e.g.
    
    <div class="class1 class2">
    
    
  5. Code analysis points out errors and possible solutions. It even has a built-in spellchecker.
  6. Unit test and debug JavaScript step-by-step in Chrome or FireFox.
  7. Fast and responsive, I have yet to have it freeze on me.

Check out their features page for other neat things it can do. I have yet to think of what I don’t like about WebStorm.

Don’t have the money to spend on a personal license, and your company will not sponsor a license? You can get a much reduced set of features with the IntelliJ IDEA Community Edition, a nice free IDE for anything Java, including Android.

3 thoughts on “JetBrains WebStorm

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s