The new WebStorm 2018.1 Early Preview build (181.4096.12) is now available! Update: we've released a new build #181.4096.25 to fix a performance issue introduced in build #181.4096.12, published on March 7th, 2018. The IDE was consuming lots of CPU resources after running npm install or adding many new directories to the project. You can update via Toolbox App, or download the build here and install it beside your stable WebStorm version. Download WebStorm 2018.1 EAP To learn more about all the new features added in earlier WebStorm 2018.1 EAP builds, please check out these blog posts.

This week the new WebStorm 2017.3 EAP build (173.3188.31) brings improved code completion and documentation for JavaScript and DOM APIs, a new refactoring for JavaScript and TypeScript classes, and improvements in webpack support. You can update via Toolbox App, or download the build here and install it side by side with your stable WebStorm version. Download WebStorm 2017.3 EAP To learn more about the new features added in earlier WebStorm 2017.3 EAP builds, please see these blog posts. Improved code completion and documentation for JavaScript and DOM APIs WebStorm now uses the TypeS

Today we’re announcing WebStorm 2017.2  🎉 This big summer update adds powerful Move symbol refactoring, supports new code style options for JavaScript and TypeScript, improves testing with Karma and Mocha, and much more! https://www.youtube.com/watch?v=XZTvUJqJvTY Here’s what you can do with the top new features in WebStorm 2017.2: Import code style from an ESLint configuration. Run single Karma tests and generate code coverage reports for Mocha. Take advantage of code completion in JavaScript that respects the project configuration stored in your webpack.config.js fil

This week WebStorm 2017.2 EAP build (172.2827.22) brings lots of new features that we'd like you to try. Download the EAP build on this page or by using Toolbox App. A patch update from the last week EAP build is also available. Please share your feedback and report issues on our tracker. Thank you! Support for webpack enhanced module resolution This update brings a huge improvement in working with projects using webpack. WebStorm now analyzes the webpack configuration and provides coding assistance that respects the webpack module resolution. That means that now all the import statements i

We're glad to announce that WebStorm 2017.1.1, the first bug-fix update for the recently released WebStorm 2017.1 is now available! It addresses the issues we found in the initial release and brings lots of great improvements. A patch update should be available promptly for the users of WebStorm 2017.1, 2016.3.6 or 2016.3.5. If you’re using an earlier version, give WebStorm 2017.1 and its new features a try and download it from our website for a free 30-day evaluation. Completion in webpack 2 configuration files To help you migrate to webpack 2, WebStorm now provides code completion and d

Angular CLI can help us bootstrap a new Angular app with a ready to use TypeScript and Webpack configuration. In this post we’ll see how to debug such apps in WebStorm. If you have never used JavaScript debugger in WebStorm before, we recommend watching this video first to learn how to get started. The same way you can debug Angular apps in IntelliJ IDEA, PhpStorm, PyCharm and RubyMine. We have an app generating with Angular CLI. We are using version 1.0.0-beta.26 – the latest available at the time of creating this post, the end of January 2017. Please note that Angular CLI is still in b

With Create React App you can quickly bootstrap a new React project. And you don’t have to configure anything to get the app running – it comes with the preconfigured dev environment that uses Webpack, Babel, ESLint and other tools. In this post, we’ll go through the steps required to debug such apps right in WebStorm (or IntelliJ IDEA, PhpStorm, PyCharm, or RubyMine). If you have never used JavaScript debugger in WebStorm before, we recommend watching this video first to learn how to get started. 0. Open an app generated with create-react-app. 1. Run npm start to get the app running

A fresh WebStorm 12 EAP build (144.3357) is now available for download! As always, you can download it here or, if you have a previous EAP build (144.3143) installed, you should soon get a notification in the IDE about a patch update. The highlights of this update include: SSH Console plugin is now bundled with WebStorm Initial support for debugging arrow function expressions in ECMAScript 6 Support for debugging Node.js apps built with Webpack Simplified configuration for debugging client-side JavaScript code built with Webpack that doesn't require path mappings (only when u

We recently explored coding assistance that WebStorm provides for React and JSX. Now we would like to talk a bit about the tools in the React ecosystem. In this area it’s not easy to provide a complete overview as tools are developing at a crazy pace. So right now we’ll focus on linters (code quality tools), refactoring and tools that can help us compile code. Code analysis As you may know, WebStorm has a wide range of built-in inspections for JavaScript and HTML, and these inspections also work for JSX code. For example, WebStorm alerts you in case of unused variables and functions, miss

Join us Wednesday, December 2nd, 10:00 AM – 11:00 AM EDT (15:00 – 16:00 GMT) for our free live webinar Continuous Integration with JavaScript, featuring Wes Higbee. (more…)

Webpack is a module bundler. It allows you to build your modular application similarly to the way it is done with a combination of tools like Browserify and Gulp or Grunt. In this blog post we actually won’t dive into how to get started with Webpack, as lots of great tutorials are available in the Webpack documentation. Instead we’d like to focus on debugging applications built with Webpack in WebStorm 11 EAP (that you can learn more about here). Update: If you're using WebStorm 2017.1 or above, please ignore this blog post. To debug an app, ensure that the source maps are enabled inyour