WebStorm发布了2021.3重大更新，带来了对monorepos支持的改进、JavaScript文件更快的索引速度、对ES2022私有类成员的重构支持以及远程开发的新特性。更新还包括对Deno的重新设计、Angular 13的支持、HTML完成的改进和HTTP客户端的新功能。此外，还有对版本控制、用户体验和框架如Vue和React的增强。
2021年度最后一次重大更新 WebStorm 2021.3 来了！此更新充满了期待已久的增强功能，包括对远程开发的支持、改进的 HTML 完成、重新设计的 Deno 集成等。下载WebStorm 2021.3
目录
在Search Everywhere 中基于 ML 搜索操作
新功能和改进分为以下几类：
- JavaScript 和 TypeScript：改进了 monorepos 的使用、更快的 JavaScript 文件索引时间、下载远程 ES6 模块的快速修复、支持 ES2022 私有类成员等。
- 框架和技术：更轻松地管理项目依赖项、重新设计的 Deno 插件、对 Angular 13 的支持、更好的 HTML 完成等等。
- 远程开发：用于远程开发的 JetBrains 网关、Node.js 远程解释器更新以及对 SSH 连接的代理支持。
- Docker：改进的连接过程、新的清理操作、Minikube 集成、对 Compose V2 的支持等。
- 用户体验：能够拆分运行工具窗口、新的书签工具窗口、基于 ML 的Search Everywhere操作搜索等。
- 版本控制：重新组织了 VCS 设置、改进了推送提交的工作流程、新的更改工具窗口等。
JavaScript 和打字稿
改进了对 monorepos 的支持
此版本对使用 monorepos 进行了许多改进。最显着的变化是自动添加的导入现在尊重项目结构，将项目中的每个文件夹与package.json视为一个单独的包。
更快地索引 JavaScript 文件
我们了解 WebStorm 的性能有时可能不是最佳的，因此我们一直在努力改进它。通常，与性能相关的变化是微妙的，除非您使用计时器或 CPU 分析器，否则您可能不会注意到它们。在此版本中，我们设法取得了更显着的结果，将 JavaScript 文件的索引时间减少了 20%。
我们希望这项改进能帮助您在打开新项目或进行大规模 Git 更新时更快地工作。请注意，如果您的项目主要由 TypeScript 或其他类型的文件组成，则更改将不太明显。
支持导入语句中的 URL
从 v2021.3 开始，您可以使用 ES6 文件中导入路径上的快速修复下载远程 ES6 模块。模块及其所有依赖项将被下载并链接为项目库。该功能的工作方式应与在浏览器中的工作方式相同。要试一试，请将插入符号放在导入路径上，然后按⌥⏎ / Alt+Enter并选择Download module。
对 ES2022 私有类成员的重构支持
早在 2018 年，WebStorm 就添加了对私有字段的支持。 然而，由于这种支持是基于 TC39 的旧提案，它已经偏离了标准。为了符合标准，我们从头开始重新设计了现有的支持——WebStorm 2021.3 将支持 ES2022 私有类成员。当您为字段、访问器或方法使用私有名称（以#开头的元素）时，一切都应该按预期工作。例如，以下是重命名重构在 v2021.3 中的工作方式。
组织代码的新意图
在 WebStorm 2021.3 中组织代码有两个新意图。
您现在可以快速地将逗号分隔的元素放在一行或多行上。新意图适用于数组和对象文字、参数和参数列表、XML、HTML 和 JSX 属性以及其他类似元素。
要尝试这种意图，请将插入符号放在要更改的元素上，然后按⌥⏎ / Alt+Enter并根据需要选择将逗号分隔的元素放在一行上或将逗号分隔的元素放在多行上。对于 XML、HTML 和 JSX，您会看到此操作的措辞略有不同 –将属性放在单独的行上或将属性放在一行上。
添加的第二个意图与 JSDoc 注释有关。WebStorm 现在可以帮助您一键用 JSDoc 注释替换单行和多行注释。像往常一样，您可以使用⌥⏎ / Alt+Enter访问可用的上下文操作。
.js 和 .d.ts 文件之间更好的映射
此版本的另一项改进涉及.js和.d.ts文件。我们改进了它们之间的映射并添加了装订线图标以实现更好的导航。
框架和技术
更新依赖项的新检查
多年来，我们添加了一些功能来帮助您从package.json文件中添加和更新包，以及帮助您获取有关这些包的相关信息。在此版本中，我们进行了一些更改，以便更轻松地管理项目依赖项。
您现在可以直接从编辑器将 npm 包更新到最新版本。打开package.json文件，将插入符号放在要更新的包版本上，然后按⌥⏎ / Alt+Enter并选择Update 'package name' to the latest version。当您将鼠标悬停在软件包版本上时，还会显示快速修复。
默认情况下，新检查仅提供快速修复，不会以任何方式突出显示过时的包。如果您希望警告更加突出，您可以在Preferences / Settings | 中更改检查严重性级别。编辑| 检查- 在那里查找更新 package.json 依赖项。
以前，WebStorm 允许您通过Preferences / Settings | 中的相应部分来管理您的包。语言和框架 | Node.js 和 NPM。由于只有少数用户以这种方式管理他们的包，我们决定删除此部分并引入一种更直接的方式来处理任务——上述新检查。
最后，我们将Preferences / Settings 中的Node.js 和 NPM部分重命名为Node.js以避免任何混淆。和以前一样，您可以使用它来选择 Node 解释器和您选择的包管理器：npm、pnpm 或 Yarn。
重新设计的 Deno 集成
去年，我们在 WebStorm 中引入了对 Deno 的支持。它依赖于 WebStorm 与 TypeScript 服务的集成以及typescript-deno 插件。这种实现有几个缺点，最近它的工作不可靠。因此，我们已经完全重新设计并迁移到 Deno
最低0.47元/天 解锁文章
992
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
