WebStorm

New Features

New in WebStorm 4

• ECMAScript Harmony support - supports the newest JavaScript language features found in ECMAScript Harmony. Plus new quick fixes suggest which version of JavaScript the IDE should be using.
• HTML5 Boilerplate and other templates - when creating new projects you can choose from popular project templates. Client-side templates include HTML5 Boilerplate, Twitter Bootstrap and Kickstrap. Server-side template support for Node.js Express application wizard.
• Code coverage in JavaScript unit testing - users of JsTestDriver can measure code coverage visually. The IDE shows which lines were exercised by your unit tests and you can see test coverage statistics by file and by directory in your Project View.
• Easier JavaScript library scope configuration - more easily specify the JavaScript libraries you're using in your projects to ensure the code completion is only populated with relevant members.
• Smarter JavaScript completion - more relevant suggestions now appear nearer the top of the list - names are ordered by scope, object members are organised by class inheritance and local variables with the same name as the parameter of the called function appear higher up.
• Custom code folding regions - create your own code-folding regions with special line comments.
• Invoke the same shortcut - reinvoke the same shortcut and get a list of additional relevant options.

Features

HTML and CSS features

• Code completion - auto-completion and suggestions for tag names, closing tags, attributes, styles and file references for HTML/XHTML and auto-completion and suggestions for keywords, values, properties, classes and HTML IDs in CSS
• Validation - detect and apply quick-fixes for a range of HTML/XHTML/CSS errors such as missing required attributes, invalid/duplicate attributes/values, wrong file references, invalid CSS selectors/properties and more
• Zen coding - WebStorm fully supports Zen coding which helps you to quickly setup an HTML structure without typing out lines of markup
• CSS - quickly lookup a CSS ID and a popup displays all styles for that ID. Display all applied (and overwritten) styles for a tag. Or extract inline styles to an external stylesheet.

JavaScript

• Code completion - code completion for keywords, labels, variables, parameters and functions. Supports popular browser specifics and supports user defined functions
• Framework support - supports JQuery, YUI, Prototype, DoJo, MooTools, Qooxdoo and Bindows
• Refactoring - perform refactorings such as rename, move/copy, extract variable/function, safe delete and more
• Navigation - go to declaration, go to symbol and find/highlight usages make it easy to navigate around your JavaScript code
• Debug - debug JavaScript right in the IDE. Apply breakpoints and watches.
• Code inspections - identifies common JavaScript errors at design time.

And more…

• Batch support - run code analysis on a whole folder and get code inspection/validation messages for all files in one view
• Language mixing - full syntax highlighting for HTML/CSS/JavaScript/SQL code embedded in PHP tags
• Spellchecker - checks any text to identify spelling mistakes
• FTP - access files on FTP servers and automatically sync local changes back to the server
• VCS/local history - access source control systems such as Subversion, Perforce, Git and CVS or just keep track of changes using the local history functionality built into WebStorm.