WebStorm Blog

With the release date quickly approaching, we’re ready to announce the release candidate (RC) for WebStorm 2020.1! Unlike previous EAP builds, this RC requires you to have an active WebStorm license. If you don’t have one, you’ll receive a 30-day free trial.

DOWNLOAD WEBSTORM 2020.1 RC

Let’s take a brief look at the major improvements available in the RC version of WebStorm 2020.1.

• New default editor font: Starting with v2020.1, WebStorm comes with JetBrains Mono selected by default, with the option to set a font of your choice.
• More helpful quick documentation: The Documentation popup is now shown when you hover over a symbol. This helps you find information about specific symbols faster. For JavaScript and TypeScript, the popup contains details about the type and visibility of the symbol, as well as where that symbol is defined.
• Zen mode for focused coding: The new Zen mode combines the Distraction Free mode and the Full Screen mode. Use it whenever you want to focus completely on your code.
• Improved Vue support: As Vue.js is becoming increasingly popular, we want WebStorm to be the most helpful IDE for working with it. In this release, we’ve added support for the Vuex library and the Composition API from Vue 3.
• Running Prettier on save: With the new Run on save for files option, WebStorm will apply Prettier formatting to all files specified in the IDE settings and edited in the project as soon as you save those files.
• Bundled spell checker: WebStorm 2020.1 comes bundled with Grazie, our spelling, grammar, and style checking tool. This will help you avoid grammar mistakes when adding comments, commit messages, and various language constructs.
• Simplified commit rebasing process: In WebStorm 2020.1, you’ll find a reworked, more interactive version of the Rebasing Commits dialog that opens when you click the Interactively Rebase from Here action.
• Using WebStorm for quick editing: With the new LightEdit mode, you can open a file in a text-like editor window without creating or loading a project.

To learn more about what else has been implemented in WebStorm 2020.1, check out our previous EAP blog posts.

Please report any issues on our issue tracker, and stay tuned for the upcoming release announcement!

The WebStorm team

WebStorm 2020.1 Beta 2 is now available! To catch up on what has already been implemented in v2020.1, check out our previous EAP blog posts.

The Toolbox App is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. Or you can download the EAP builds from our website. You can also choose to be notified right from the IDE when a new EAP build is available: go to Preferences/Settings | Appearance & Behavior | System Settings | Updates and select Automatically check updates for Early Access Program.

DOWNLOAD WEBSTORM 2020.1 EAP

Important! WebStorm EAP builds are not fully tested and might be unstable.

Here are some of the highlights from WebStorm 2020.1 EAP Beta 2 (build 201.6668.22). For the full list of issues fixed in this update, see the release notes.

Completion for Vue in HTML files with CDN links

If you set up Vue by injecting code into a static HTML file, WebStorm will now properly recognize the Vue syntax. If you have a Vue library linked from a CDN in that HTML file, you can also download it, which will allow the IDE to provide code completion that is more helpful. To download the library, press Alt+Enter on the link in the HTML file and select Download library. Continue reading →

Our Early Access Program is coming to its end, and we’re happy to announce that WebStorm 2020.1 Beta is now available! To catch up on what has already been implemented in v2020.1, check out our previous EAP blog posts.

The Toolbox App is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. Or you can download the EAP builds from our website. You can also choose to be notified right from the IDE when a new EAP build is available: go to Preferences/Settings | Appearance & Behavior | System Settings | Updates and select Automatically check updates for Early Access Program.

DOWNLOAD WEBSTORM 2020.1 EAP

Important! WebStorm EAP builds are not fully tested and might be unstable.

Here are some of the highlights of WebStorm 2020.1 EAP Beta (build 201.6487.16). For the full list of issues fixed in this update, see the release notes.

More flexibility when sharing run configurations

To make work with your project easier for your team members, you can share the run configuration you used for that project with them. This way, they’ll be able to run the project code using the same configuration settings regardless of what operating systems they are on.

In v2019.3 and earlier, you could achieve that by selecting the Share through VCS option in the settings for each run configuration. With this checkbox ticked, WebStorm would save the desired run configuration in the .idea folder and make it available to other team members if you then committed the related files to VCS. This approach didn’t always work because users often have the .idea folder added to .gitignore.

Continue reading →

WebStorm 2020.1 EAP build #8 is now available!

If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out our previous EAP blog posts.

The Toolbox App is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. Or you can download the EAP builds from our website. You can also choose to be notified right from the IDE when a new EAP build is available: go to Preferences/Settings | Appearance & Behavior | System Settings | Updates and select Automatically check updates for Early Access Program.

DOWNLOAD WEBSTORM 2020.1 EAP

Important! WebStorm EAP builds are not fully tested and might be unstable.

Here are some of the highlights of WebStorm 2020.1 EAP #8 (build 201.6251.23). For the full list of issues fixed in this update, see the release notes.

Support for the Composition API from Vue 3

Vue 3, the upcoming release of the Vue.js framework, brings the Composition API – a new way to organize the component’s code that makes it more readable and reusable. Since you can already use it in your application via the @vue/composition-api package, we’ve decided to implement support for the components defined using the Composition API in WebStorm 2020.1.

In the template section of the component, you’ll now get completion suggestions and resolution for symbols returned from the setup() function of the component, including properties in the reactive state, computed properties, and refs.

Continue reading →

WebStorm 2020.1 EAP build #7 is now available!

If you’re unfamiliar with our Early Access Program or if you want to catch up on all the new features, check out our previous EAP blog posts.

The Toolbox App is the easiest way to get the EAP builds and keep both your stable WebStorm version and any EAP versions up to date. Or you can download the EAP builds from our website. You can also choose to be notified right from the IDE when a new EAP build is available: go to Preferences/Settings | Appearance & Behavior | System Settings | Updates and select Automatically check updates for Early Access Program.

DOWNLOAD WEBSTORM 2020.1 EAP

Important! WebStorm EAP builds are not fully tested and might be unstable.

Here are some of the highlights of WebStorm 2020.1 EAP #7 (build 201.6073.22). For the full list of issues fixed in this update, see the release notes.

Displaying terminal sessions side by side

WebStorm 2020.1 will make it easier for you to work with the built-in terminal emulator, as you can now split terminal sessions vertically and horizontally. This long-awaited functionality will let you keep an eye on the output of several tools that are currently in use without switching between tabs.

To try the new functionality out, right-click anywhere in the Terminal tool window area and select Split Vertically/Split Horizontally from the context menu.

Continue reading →