WebStorm 2021.3 EAP build #4 现已推出！本文主要讲述WebStorm 2021.3 EAP build #4的所有新功能。

下载WebStorm

我们改进了 HTML 中代码完成的工作方式，包括常规文件以及 Vue 和 Angular 模板。现在，只要您在编辑器中输入标签名称或缩写，或者调用代码完成，WebStorm 都会立即向您显示相关建议。以前，它只会在您先输入< 时显示它们。我们意识到这对于不习惯输入<和> 的人和不熟悉 Emmet 的人来说不是很舒服。

正如您从 gif 中看到的，我们还改进了字符实体引用的代码完成。每当您键入& 时，代码完成弹出窗口就会出现。当您继续输入时，最重要的建议会被选中，您可以按Enter以自动完成它。

您可能已经注意到，HTML 中代码完成的行为发生了一些变化——在某些情况下，您现在必须先选择建议。我们希望您觉得它很直观。

更新包的新检查

多年来，我们一直在添加功能以帮助您从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。

能够拆分运行工具窗口

您现在可以拆分运行工具窗口！当您运行多个配置并希望同时查看它们的结果时，这会很有用。要拆分运行工具窗口，请将所需选项卡拖放到突出显示的区域。您可以将选项卡拖回以取消拆分工具窗口或右键单击顶部窗格并从上下文菜单中选择取消拆分。

.js和.d.ts文件之间更好的映射

以下是有关 JavaScript 文件导航如何工作的更多详细信息：

• 如果类型定义安装在@types文件夹中，WebStorm 将在使用Go To Declaration 或Usages操作（⌘B / Ctrl+B）时尝试导航到库的 JavaScript 源。请注意，这仅适用于在.d.ts文件中定义为类、变量或函数的符号。这不适用于接口或类型。
• 如果模块内的类型定义可用，WebStorm 默认不会索引 JavaScript 源代码，因此将无法导航到它。要索引此类文件，您可以先使用Go To Implementation ( ⌥⌘B / Ctrl+Alt+B )，然后在看到Include Package弹出窗口时回答Yes。完成后，Go To Declaration 或 Usages将尝试将您带到库源。关于.d.ts 中定义的相同限制适用。

对于 TypeScript 文件，它的工作方式如下：

• 转到声明或用法将带您到 . d.ts文件，如果它可以被映射。
• 如果可以定位和映射，Go To Implementation将带您到模块的.js源。

在此版本中，我们修复了一系列与.js和.d.ts文件之间的映射相关的问题，并添加了用于在它们之间快速导航的装订线图标。

请注意：

• 该功能可能仍然无法在所有情况下工作。如果您发现它不适用于项目中包含的 JavaScript 源文件的情况，请在此处创建一个新问题并附上代码示例。
• 从导入声明导航当前仅适用于.d.ts文件。如果您觉得这不方便，请在此处发表评论。

辅助功能更新

最后但并非最不重要的一点是，我们解决了一些可访问性问题，以使在屏幕阅读器模式下工作更加舒适。我们禁用了过去出现在鼠标悬停时出现的工具窗口小部件弹出窗口 ( IDEA-27815 ) 和快速文档弹出窗口 ( IDEA-274143 )。我们还修复了调用Go To Declaration 或Usages弹出窗口 ( IDEA-272536 ) 的问题。

macOS 上的辅助功能支持也得到了改进。我们已经解决了画外音焦点 ( IDEA-273021 ) 的几个问题，并使使用屏幕阅读器 ( IDEA-185260 )创建项目成为可能。

想要了解或购买WebStorm正版授权的朋友，欢迎