WebStorm 2022.2 最新变化

我们一直在积极推进 WebStorm 中对 Angular 14 的支持。 此版本最重要的新特性是对 Angular 独立组件的支持。 WebStorm 现在可以正确识别标记为 standalone: true 的组件、指令和管道。

WebStorm 2022.2 对 Vue 3 提供了更好的支持。 例如，它现在可以理解 v-if/else 指令中的类型收窄。 此外，对 Pinia（Vue 团队推荐的作为全局存储的状态管理解决方案）的支持也得到了改进。 现在，补全和解析都可以在 Vue 中与 Pinia 库一起使用，您可以导航到存储中定义的状态属性和操作。

WebStorm 2022.2 与 TypeScript 4.7 捆绑，支持在 Node.js 中使用 moduleSuffixes 和 ESM 等新语言功能。 如果 module 在 tsconfig.json 文件中被设为 node16 或 nodenext，它会自动将 .js 扩展名插入 import 语句。 此外，WebStorm 还支持 package.json 文件中的 typesVersions 字段。

对远程开发工作流的支持现在以 Beta 版形式开箱即用。 您可以连接到正在运行 IDE 后端的远程机器，并像在本地机器上一样处理其中的项目。 要开始使用，转到 WebStorm 的 Welcome（欢迎）屏幕上的 Remote Development（远程开发）标签页。 有关详情，请参阅这篇博文。

此版本对使用 Docker 做出了许多改进。 现在，重新启动 IDE 后，WebStorm 会自动连接到 Docker。 此外，还有一个 新的 复制 Docker 镜像 操作，并与 Colima 和 Rancher 集成。

WebStorm 2022.2 包括对 WebSocket 连接的支持。 我们还添加了对 GraphQL 请求的支持，您可以通过 HTTP 和 WebSocket 协议发送 GraphQL 查询。 此外，现在您可以在运行之前从装订区域图标选择运行环境。

WebStorm 现已具有对 JetBrains Space 的内置集成，Space 是适用于软件团队的一体化解决方案。 您可以在 Space 中将 IDE 关联到自己的组织，查看和克隆项目仓库，编写使用 Space API 的复杂脚本，以及检查团队成员的代码。

在编辑器中放大或缩小代码时，您现在可以看到显示当前字体大小的指示器以及将其恢复为默认值的选项。

我们引入了使用键盘快捷键更改整个编辑器字体大小的功能。 现在，按 Alt+Shift+. 可以增大字体。 按 Alt+Shift+, 可以减小字体。

WebStorm 有数十种检查可用于发现和报告代码中的问题，确保代码没有错误。 在 v2022.2 中，我们改进了为这些检查配置编辑器内高亮显示的方式。 转到 Preferences / Settings | Editor | Inspections（偏好设置 / 设置 | 编辑器 | 检查），查找所需检查，然后更改 Highlighting in editor（在编辑器中高亮显示）下的值。

当一个文件被检测为纯文本并且没有正确高亮显示时，WebStorm 现在会直接从编辑器建议重置可能多余的文件类型关联，无需转到 Preferences / Settings（偏好设置 / 设置）和手动配置文件类型。

现在，如果需要更改代码补全的工作方式，您可以直接从编辑器中的代码补全弹出窗口跳转到代码补全设置。

借助运行配置，您可以运行、调试和测试代码。 我们添加了 Current File（当前文件）选项，让新用户更容易上手。 点击其右侧的相应按钮，WebStorm 将使用最适合当前文件的运行配置类型，就像从上下文菜单运行该文件一样。

在 macOS 上，您现在可以将所有打开的项目窗口合并为一个窗口上的标签页。 要执行此操作，请从主菜单转到 Window | Merge All Project Windows（窗口 | 合并所有项目窗口）。

我们改进了 WebStorm Welcome（欢迎）屏幕上 Cloning repository（克隆仓库）的显示。 进度条现在直接显示在 Projects（项目）列表中，更清晰、更易用。