Introducing the Learning Plugin for WebStorm

Every so often, we get some feedback about the lack of up-to-date, comprehensive learning resources for WebStorm. For new users, this scarcity can result in a steep learning curve during the onboarding stage. For existing users, it means a lack of content that would help them further excel at what they do.

Regardless of which group you’re in, we’ve got some good news for you: We’ll be releasing new educational materials throughout the year in order to address this problem.

The first of these resources is the learning plugin for WebStorm. Let’s see why you may want to download it and take a look at how to get the most from it. Continue reading

Posted in Cool Feature | Tagged , | Leave a comment

WebStorm 2020.1: Improved Look and Feel, Vuex Support, Prettier on Save, and More

WebStorm 2020.1, the first major update this year, is now available! It comes with a more polished look and feel, out-of-the-box support for Vuex and Composition API, an option to run Prettier on save, and improvements for JavaScript and TypeScript.

DOWNLOAD WEBSTORM 2020.1

webstorm-2020-1-released

If you only have a few minutes to explore what’s new in WebStorm 2020.1, watch this video where Paul Everitt, WebStorm Developer Advocate, reviews the most notable improvements. If you feel like diving a little deeper, read on!

The new features and improvements fall into these categories:

  • Look and Feel: a new default editor font, a unified light theme, Zen mode for focused coding, quick documentation on hover, LightEdit mode for quick editing, and a customizable status bar.
  • Frameworks: Vuex and Composition API support, completion for Vue in HTML files with CDN links, improvements to React support, and full support for Angular 9.
  • JavaScript and TypeScript: more useful quick documentation, new smart intentions and inspections, support for TypeScript 3.8 features, and a reworked UI of the Introduce Field refactoring.
  • Tools: run Prettier on save, split terminal sessions, bundled spell checker, Jest enhancements, TypeScript support with Yarn 2, and more flexible sharing of run configurations.
  • Version Control: a reworked dialog for rebasing commits, improved work with branches, changes to the commit flow, and installing Git from the IDE.

Continue reading

Posted in Release Announcements | Tagged , | 40 Comments

WebStorm 2020.1 Release Candidate Is Here

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

Posted in Early Access Preview | Tagged , | 7 Comments

WebStorm 2020.1 Beta 2: Completion for Vue in HTML Files with CDN Links, Bundled Spell Checker, and Full Support for Angular 9 Metadata

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

Posted in Early Access Preview | Tagged , | 4 Comments

WebStorm 2020.1 Beta: More Flexible Run Configuration Sharing, Improved React Support, and Simplified Commit Rebasing Process

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

Posted in Early Access Preview | Tagged , | 8 Comments

WebStorm 2019.3.4 Is Available

WebStorm 2019.3.4, the fourth bug-fix update for WebStorm 2019.3, is now available!

You can update to it using the Toolbox App or right from the IDE. You can also download WebStorm 2019.3.4 from our website.

Here’s what has been fixed in WebStorm 2019.3.4:

  • The issue with navigating to type declaration (WEB-43792)
  • The bug with larger font and vertical spacing on Linux (IDEA-231685)
  • NullPointerException in web-types support in Vue.js projects (WEB-43862)

For more details, please see the release notes.

The WebStorm team

Posted in Release Announcements | Tagged , | Leave a comment

From .NET to JavaScript: Vasyl Boroviak on Becoming a Full-Stack Developer and Using WebStorm

We‘re continuing our series of customer interviews. This time, we talked to Vasyl Boroviak, a full-stack developer who has been using WebStorm for the last few years. Vasyl told us about his journey from .NET to JavaScript development and explained what he likes about WebStorm.

Hi Vasyl, can you please tell us a little bit about yourself?

vasyl_300x300For the last three years, I’ve been working as a full-stack developer at an Australian startup that helps make international money transfers cheaper and faster. The startup is quite small, so every employee, including myself, has to wear multiple hats. Apart from being responsible for everything happening on the backend and frontend, I do a lot of work with security, the network, databases, and infrastructure. I have a couple of contractors helping me with some tasks, but most of the work is on me. This is the fourth startup I’ve worked for. At my last three jobs, I did pretty much the same things and also worked with JavaScript.

Continue reading

Posted in Interview | Tagged | Leave a comment

WebStorm 2020.1 EAP #8: Support for Vue Composition API and Customizable Status Bar

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

Posted in Early Access Preview | Tagged , | 8 Comments

WebStorm 2020.1 EAP #7: Displaying Terminal Sessions Side by Side, and Updates to Introduce Field Refactoring and Commit Flow

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

Posted in Early Access Preview | Tagged , | 12 Comments

Customer Story: How WebStorm Is Used by RoadBotics

Today we’d like to share with you how WebStorm is used at RoadBotics.

roadbotics-logoRoadBotics is a Government Technology company that was spun out of Pittsburgh’s Carnegie Mellon University’s Robotics Institute in 2016. To date, it has raised more than $11M in venture capital investment. RoadBotics empowers towns and cities to make objective, data-driven decisions about their roads and infrastructure. They help their customers to automate inspections and get actionable data about road networks, including the identification of individual distresses.

We spoke with Matt Lucas, Head of Product at RoadBotics.

Hi Matt! Could you tell us a little bit about yourself and what you do at RoadBotics?

matt-lucas-roadboticsI guide the success of our products and lead the cross-functional team which is responsible for improving those products. The team that I lead includes a group of software engineers and a few product managers. I have a strong technology and engineering background. Before RoadBotics, I worked as a Chief Technology Officer at a machine learning startup.

Continue reading

Posted in Interview | Tagged , | 2 Comments