

For example, WebStorm would let you run Prettier on save. There have already been quite a few things that you could set up to work on saving files. Would you like to perform certain operations on the explicit save action? From now on, WebStorm will properly support this workflow. We will add the option to choose between these behaviors in the next release cycle. Instead of automatically saving the file and reloading the page on typing, it will now only update the page on save, just like the preview in the browser. The built-in HTML preview that was introduced in 2021.1 now has a new workflow. With the new feature, we wanted to provide a more straightforward experience and make the reloading process more predictable and available in all browsers. You can and may still need to use Live Edit if you want to see changes when you can’t open the page on the built-in IDE server. The new feature may sound similar to the Live Edit feature that WebStorm has had for some time already.

You can also preview the file in a browser by going to View | Open in Browser in the main menu. To get started, open an HTML file in the editor, hover over it, and click on the icon for the browser you want to use – all browsers are supported. WebStorm lets you preview HTML files in a browser using the built-in web server, and now it will automatically update the pages in a browser as you edit and save your HTML, CSS, and JavaScript files. Usability: a faster way to reorganize tool windows, automatic cache and logs cleanup, and more.Ĭode Editing Reload pages in the browser on save.Version Control: GPG signature support, enhancements for pre-commit checks, and more.Frameworks and Technologies: improvements for React, code completion for private npm packages in package.json, better completion for endpoints URLs, and extended support for web-types.JavaScript and TypeScript: auto-import for require(), support for TypeScript types in JSDoc, a new arrow function live template, and the ability to use the preview tab when debugging.Code Editing: the ability to reload pages in browser on save, actions on save, scratch files improvements, and synchronized code completion for Code With Me.The list of features and improvements is divided into these categories: If you only have a few minutes to explore what’s new in WebStorm 2021.2, check out this video in which Paul Everitt, Developer Advocate at JetBrains, reviews the most notable changes. WebStorm 2021.2, the second update of the year, is out! This update is packed full of features, including reloading pages in the browser on save, auto-import for require(), a rename refactoring for React useState hooks, and much more.
