Shulou(Shulou.com)06/02 Report--

This article mainly explains the "WebStorm release 2021.3 updated what new features", the article explained the content is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "WebStorm release 2021.3 updated what new features" bar!

New features and improvements fall into the following categories:

JavaScript and TypeScript: improved use of monorepos, faster JavaScript file indexing time, quick fixes for downloading remote ES6 modules, support for ES2022 private class members, etc.

Framework and technology: easier to manage project dependencies, redesigned Deno plug-ins, support for Angular 13, better HTML implementation, and so on.

Remote development: JetBrains gateways for remote development, Node.js remote interpreter updates, and proxy support for SSH connections.

Docker: improved connection process, new cleanup operations, Minikube integration, support for Compose V2, etc.

User experience: ability to split run tool window, new bookmark tool window, ML-based Search Everywhere operation search, etc.

Version control: reorganized VCS settings, improved workflow for push submissions, new change tool windows, etc.

JavaScript and typewriting improved support for monorepos

This release makes many improvements to the use of monorepos. The most significant change is that automatically added imports now respect the project structure, treating each folder and package.json in the project as a separate package.

Faster indexing of JavaScript files

We understand that the performance of WebStorm can sometimes be suboptimal, so we have been working hard to improve it. In general, performance-related changes are subtle and you may not notice them unless you use timers or CPU parsers. In this release, we managed to achieve more significant results, reducing the indexing time of JavaScript files by 20%.

We hope this improvement will help you work faster when you open a new project or do a large-scale Git update. Note that if your project consists mainly of TypeScript or other types of files, the changes will be less obvious.

Support for URL in import statements

Starting with v2021.3, you can download remote ES6 modules using the quick fix on the import path in the ES6 file. The module and all its dependencies will be downloaded and linked as a project library. This feature should work in the same way as in the browser. To try, place the caret on the import path, then press ⌥⏎ / Alt+Enter and select Download module.

Refactoring support for ES2022 private class members

As early as 2018, WebStorm added support for private fields. However, because this support is based on TC39's old proposal, it has deviated from the standard. To meet the standards, we have redesigned the existing support from scratch-WebStorm 2021.3 will support ES2022 private class members. When you use a private name (an element that starts with #) for a field, accessor, or method, everything should work as expected. For example, the following is how renaming refactoring works in v2021.3.

New intentions for organizing code

There are two new intentions for organizing code in WebStorm 2021.3.

You can now quickly place comma-separated elements on one or more lines. The new intent applies to array and object text, parameter and parameter lists, XML, HTML, and JSX attributes, and other similar elements.

To try this intention, place the caret on the element you want to change, then press ⌥⏎ / Alt+Enter and choose to put comma-separated elements on one line or comma-separated elements on multiple lines as needed. For XML, HTML, and JSX, you will see that the wording of this operation is slightly different-putting the attribute on a separate line or placing the attribute on a single line.

The second intention added is related to JSDoc comments. WebStorm can now help you replace single-line and multiline comments with JSDoc comments with one click. As usual, you can use ⌥⏎ / Alt+Enter to access available contextual operations.

Better mapping between .js and .d.ts files

Another improvement in this release involves .js and .d.ts files. We improved the mapping between them and added binding line icons for better navigation.

New checks for framework and technology update dependencies

Over the years, we have added features to help you add and update packages from package.json files, and to help you get information about these packages. In this release, we made some changes to make it easier to manage project dependencies.

You can now update the npm package to the latest version directly from the editor. Open the package.json file, place the caret on the package version you want to update, then press ⌥⏎ / Alt+Enter and select Update 'package name' to the latest version. Quick fixes are also displayed when you hover over the package version.

By default, the new check only provides quick fixes and does not highlight outdated packages in any way. If you want the warning to be more prominent, you can change the check severity level in Preferences / Settings |. Edit | check-look for updated package.json dependencies there.

Previously, WebStorm allowed you to manage your packages through the appropriate section in Preferences / Settings |. Language and framework | Node.js and NPM. Since only a small number of users manage their packages in this way, we decided to delete this section and introduce a more direct way to handle the task-- the above new check.

Finally, we renamed the Node.js and NPM parts of Preferences / Settings to Node.js to avoid any confusion. As before, you can use it to select the Node interpreter and the package manager of your choice: npm, pnpm, or Yarn.

Redesigned Deno integration

Last year, we introduced support for Deno in WebStorm. It relies on the integration of WebStorm and TypeScript services as well as typescript-deno plug-ins. This implementation has several drawbacks, and its work has been unreliable recently. As a result, we have completely redesigned and migrated to Deno LSP.

Angular 13 support

One of the most pressing issues we have addressed in this release is support for Angular 13. It was corrupted due to a change in the format of the Angular package. WebStorm 2021.3 takes into account these changes and supports the new version of Angular.

Improved HTML completion

We have improved the way code completion works in HTML. Now, as soon as you type the tag name or acronym in the editor, or the calling code is complete, WebStorm will immediately show you the suggestion. Previously, if you first entered

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.