Skip the navigation

WebStorm 5 IDE provides powerful editing features, instant feedback for Web developers

WebStorm is a sophisticated IDE for JavaScript, HTML5, CSS and other Web development languages.

By Erez Zukerman
November 13, 2012 07:01 PM ET

PC World - One of the great things about developing for the Web is the low barrier to entry. Many tutorials are available online, and you can learn about CSS and HTML from any website just by inspecting its code in any modern Web browser. Best of all, when it's time to start coding, any plain text editor -- even Notepad -- can do the job. So why should you spend $49 on WebStorm, a development environment for JavaScript, HTML and CSS? The answer is that it might turn you into a better developer.

WebStorm's impressive Live Edit feature is new to version 5. With Live Edit, you can look at your page in Google Chrome as you're editing, and any change you make in your code is instantly reflected in Chrome. You don't have to save the page, nor manually refresh it in Chrome -- the update process is just seamless, and is simple to set up, requiring just a free Chrome add-on. Live Edit also works with CSS and JavaScript, and vendor JetBrains put together an impressive video demo showing how the feature can be used to quickly put together a working JavaScript application.

If you come to WebStorm from an editor such as Notepad++ or Vim, you will quickly recognize that WebStorm is not a text editor. Sure, it has a slick text editor component with autocompletion, code folding, and more; but that's only part of the picture. You aren't supposed to pop a CSS file into WebStorm for a quick edit and be done with it: WebStorm is an IDE, and IDEs work with projects. So the first thing WebStorm wants you to do is to import your existing work as a project. If you maintain a live online site, that means downloading your work and creating an offline project.

The next logical step is to put the project under a version control system, as serious developers usually do. WebStorm is well integrated with several version control systems, including the ever-popular Git. Its VCS menu lets you check in revisions, browse the repository, create and apply patches, and more.

WebStorm helps you start new projects in style, too: It features built-in support for Twitter's Bootstrap framework, for HTML5 Boilerplate, and for a number of other frameworks. When I asked it to start a new project based on Bootstrap, it asked me what version of Bootstrap I want, and then it pulled the framework's official Git repository, unzipped it, and presented me with a project that was ready for me to start working on. In a previous version, I did have to wait a moment before I could browse in the project folder, because WebStorm was busy parsing it. Version 5.0 solved this problem.

Originally published on Click here to read the original story.
Reprinted with permission from Story copyright 2012 PC World Communications. All rights reserved.
Our Commenting Policies