您现在的位置是：网站首页> 编程资料编程资料

WebStorm 发布2021.3重大更新新功能介绍_其它综合_

2023-05-27 401人已围观

简介 WebStorm 发布2021.3重大更新新功能介绍_其它综合_

2021年度最后一次重大更新WebStorm 2021.3来了！此更新充满了期待已久的增强功能，包括对远程开发的支持、改进的 HTML 完成、重新设计的 Deno 集成等。需要下载WebStorm 2021.3可以登陆慧都官网免费下载

下载：https://www.jb51.net/softs/598714.html

新功能和改进分为以下几类：

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 LSP。

Angular 13 支持

我们在此版本中解决的最紧迫的问题之一是对 Angular 13 的支持。由于 Angular 包格式的更改，它被破坏了。WebStorm 2021.3 考虑了这些变化并支持新版本的 Angular。

改进的 HTML 完成

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

此外，字符实体引用的代码完成现在应该可以更好地工作。

Vue 和 React 属性的类型检查

在 2021.2 和 2021.3 版本之间，我们发布了一系列期待已久的 Vue 修复，包括对脚本设置的支持。在此版本中，我们添加了另一项有用的改进——WebStorm 2021.3 支持在 Vue 模板中进行 TypeScript 类型检查。当绑定到属性的表达式中使用了不正确的类型时，IDE 会通知您。

这也适用于 React 属性。

HTTP 客户端的新功能

在此版本中，我们显着改进了 WebStorm 的内置 HTTP 客户端。我们添加了许多新功能，包括对二进制响应的支持、到自定义文件或目录的输出重定向、对文本和 JSON 流的支持以及对 HTTP 请求标识符的支持。

远程开发

远程运行 WebStorm

作为此版本最大和期待最久的更新之一 - WebStorm 现在支持远程开发工作流！您可以连接到运行着 IDE 后端的远程机器，并像在本地机器上一样处理位于那里的项目。我们希望这可以帮助您保持更高的工作效率和灵活性，同时让您可以在任何地方安全地工作。

通过我们的新应用程序 JetBrains Gateway 提供对远程开发工作流的支持。它充当所有远程后端的入口点，不需要您在本地计算机上安装 IDE。您可以从我们的网站获取最新版本的 JetBrains Gateway 。执行此操作后，您将看到以下内容：

使用远程 Node.js 进行开发

对于此版本，我们进行了一些重大改进，以支持将 Node.js 安装在 Docker 中，然后由 WebStorm 与 JavaScript 工具的集成使用的工作流。现在，您的 IDE 将允许您将 Node.js 远程解释器与 ESLint、Mocha、Jest、npm、pnpm 和 yarn 结合使用。

Node.js 对 ESLint 的远程解释器支持从 v2021.2 开始作为一项实验性功能可用。从现在开始，它将默认处于活动状态。

要试用新功能，请先添加一个远程 Node.js 解释器。这可以通过转到首选项/设置 |来完成。语言和框架 | Node.js，打开Node interpreter字段下的下拉列表，然后单击Add。然后选择Add Remote...并在出现的对话框中指定现有 Docker 映像之一。