What’s new in WebStorm 11
WebStorm 11 refines your web development experience by adding support for cutting-edge technologies, seamlessly integrating with new powerful tools and bringing multiple improvements across the whole IDE.
TypeScript 1.5 and 1.6
Enjoy the latest TypeScript 1.5 and 1.6 features in the IDE – no need to compromise. WebStorm 11 supports coding assistance for JSX, ES6 generators and modules, local types and other TypeScript new features. It also understands tsconfig.json when resolving objects.
Better ECMAScript 2015 support
Formatting for chained method calls
New Node.js inspections
New inspections Missing require() call and Missing module dependency will alert you if you forgot to reference a module you are using in the file, or if you forgot to install a third-party module available on the npm or list it in package.json.
Frameworks and libraries
Angular 2 support
WebStorm brings basic support for Angular 2. Whether you use it with TypeScript or ECMAScript 2015, WebStorm provides code completion and navigation for components and bindings and understands new event attributes. That's just the beginning!
Improved React support
Featuring smarter support for React, WebStorm now offers better code completion and navigation for React components, including components imported with ES6-style syntax; code completion for React-specific attributes such as className and classID; and more.
Thanks to new integration with Yeoman, you can now access hundreds of project generators right from the IDE Welcome screen. A new UI will help you find and install new generators and they will guide you through the generator steps, all without leaving the IDE.
A new npm scripts tool window lists all the tasks specified in the package.json scripts section and allows you to easily run any of them with a simple double-click. You can also create a new Run configuration for an npm script task and run it with the familiar Run... action.
Together with improved TypeScript support, WebStorm adds integration with TSLint, a linter for TypeScript code. Enable it to see warnings and errors from TSLint right in the editor, as you type.
Flame charts in Node.js CPU profiler
A new flame chart view in V8 CPU profiler gives you a visual representation of your Node.js app execution. It might help you notice the functions that took the most CPU time and then explore them further.
Run a single Mocha test
WebStorm's integration with Mocha now allows you to run a single Mocha test or test suite. Simply right-click on the test name in the test file and select Run or Debug the test in the context menu.
Preview for Find in path
To make the Find in Path action more responsive, we've added a Preview tab which shows the first 100 search results right away. Find what you need quicker, without ever leaving the dialog.
Encode HTML special symbols
WebStorm can now help you encode special symbols in your HTML code, replacing them with HTML entities that start with &. Select a symbol or a block of code and invoke Encode XML/HTML Special Characters. Quick and easy!
Adjusting code style settings
Configuring your code style just got easier. Select a code fragment, press Alt+Enter and choose Adjust code style settings. You will be able to see and adjust the code style settings that can be applied to this piece of code, with a live preview available.
- Dart support is now fully powered by the Dart Analysis Server, providing code completion, highlighting, quick-fixes and intentions
- Simplified configuration for Node.js coding assistance
- New Startup Tasks that allow you to run Run configurations on the project open
- Support for debugging projects built with Webpack
- Improvements in Meteor support
Free 30-day trial for