However, you may want to give the new functionality a go to see if it works better for you. Lastly, what if you’re happy with the old way of doing things, such as having both the built-in formatter and the Reformat with Prettier action ( Alt+Shift+Cmd+P/Ctrl+Alt+Shift+P)? Or what if you have a custom shortcut assigned to the Reformat with Prettier action that you’ve gotten used to? You can, of course, keep using it. If you want to have Prettier set as the default formatter in all new projects, then from the main menu, go to File | New Projects Settings | Preferences/Settings for New Projects and select the same option from there, updating the default list of file types if needed.

To apply the formatting to other file types, or to files located in specific directories only, you can customize the default configuration by using glob patterns. tsx files that you’ve edited in your project, just like it does for running Prettier on save. By default, WebStorm will apply formatting to all.

With the new option checked, Prettier will be invoked whenever you use the default formatting action ( Alt+Cmd+L/Alt+Ctrl+L). Now, if you don’t rely on the built-in formatter and want to use Prettier instead, you can tick the On code reformat option in Preferences/Settings | Languages & Frameworks | JavaScript | Prettier.

In addition to the recently added option for running Prettier on save, we’ve made it easier to use Prettier with the default formatting action. We continue to make the experience of working with Prettier as seamless as possible for WebStorm users. For the full list of issues fixed in this update, see the release notes. Here are some of the highlights of WebStorm 2020.2 EAP #2 (build 202.5103.5). Important! WebStorm EAP builds are not fully tested and might be unstable. 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. Or you can download the EAP builds from our website. The Toolbox App is the easiest way to get the EAP builds and keep your stable WebStorm version and any EAP versions up to date. 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. WebStorm 2020.2 EAP build #2 is now available!

Webstorm 2020.2