WebStorm激活2022.3(WebStorm 2022.3 正式发布了)

2024年 7月 29日上午11:26 • 激活谷笔记

https://www.jetbrains.com.cn/webstorm/whatsnew/

WebStorm 2022.3 最新变化

新 UI 预览、Vitest 支持、适用于 Vite 和 Next.js 的项目模板、针对 JavaScript 和 TypeScript 的 Code Vision、适用于 Angular 模板的类型缩小支持以及 Vue 更新。

框架和技术

更新了项目模板

我们重做了 WebStorm 欢迎屏幕中的 New Project（新建项目）向导。在 v2022.2 中，我们移除了适用于 AngularJS、Cordova 和 Meteor 的项目模板。在此版本中，我们添加了适用于 Vite 和 Next.js 的新项目模板，并更新了 Vue 模板，使其符合最新标准。

Vitest 支持

WebStorm 现在支持 Vitest，这是一个 Vite 原生单测试框架！您可以用所有您能想到的主要方式运行、重新运行和调试测试，包括通过间距图标。此外，监视模式在所有测试场景下默认均已启用。在监视模式下还支持快照测试和覆盖率，从而在编码时为您提供几乎即时的覆盖率反馈。

Vue 更新

WebStorm 现在可以处理未解析的导入，并为导入 Vue 组件提供建议。我们也已支持 props 析构语法，改进了针对 Vue 库组件 props 的代码补全和类型检查行为，并修正了几个 Nuxt 3 问题。

Vue 的新代码段

此版本中，还有一项针对 Vue 的改进值得仔细研究 – 新代码段，也就是 WebStorm 中的实时模板。您可以使用它们更快添加常见构造，例如或。转到 Preferences / Settings | Editor | Live Templates（偏好设置/设置 | 编辑器 | 实时模板），展开 Vue 部分即可浏览可用代码段。

于 Svelte 支持的更新

对 Svelte 支持（作为单独插件提供）的改进现在将随新 IDE 构建一起推出，就像 Angular 和 Vue 一样。这将帮助我们避免不兼容版本范围的问题并更快获得反馈。

对新 CSS 功能的支持

WebStorm 2022.3 支持新的 CSS 功能，例如 at-rule，它将语句块与条件相关联。视口单、范围媒体查询、容器查询、级联层和颜色修改函数现在也已获得支持。

针对 JavaScript 和 TypeScript 的 Code Vision

来自 Rider 和 IntelliJ IDEA 的 Code Vision 功能现已加入 WebStorm！ Code Vision 可以收集类型和类型成员的各种指标，并在声明附近显示此信息。这将使代码中各种类、方法、类型别名和接口的用法更易跟踪。转到 Preferences / Settings | Editor | Inlay Hints（偏好设置/设置 | 编辑器 | 内嵌提示）配置 Code Vision。

通过设置使用新 UI 测试版

今年早些时候，我们宣布了 JetBrains IDE 中新 UI 的封闭预览计划。对于这第一步，我们的目标是向有限数量的用户提供重做的 IDE 外观。我们邀请您在 Preferences / Settings | Appearance &WebStorm激活2022.3 Behavior / New UI（偏好设置/设置 | 外观与行为/新 UI）中切换到新 UI 并告诉我们您的想法。要详细了解更改，请观看此在线讲座录像。

将工具窗口停靠到浮动编辑器选项卡的选项

为了让您可以更轻松地安排工作空间并在多个显示器上与 WebStorm 交互，我们实现了将工具窗口拖出主窗口并将其停靠到浮动编辑器选项卡的选项。

适用于 Windows 和 Linux ARM64 的安装程序测试版

现在，可以在带有 ARM64 处理器的 Windows 和 Linux 机器上运行 WebStorm。 IDE 安装程序处于测试版阶段，网站和 JetBrains Toolbox App 均提供 Windows 版，但 Linux 版仅可从网站获得。

针对书签的 UI 改进

我们为 Bookmarks（书签）功能实现了多项 UI 改进。例如，右键选项卡并从上下文菜单中选择 Bookmarks（书签）即可从编辑器选项卡为文件添加书签。阅读这篇博文了解详情。

处理 WSL2 中的项目的新方式

WebStorm 2022.3 带来了处理在 WSL2 文件系统中运行的项目的替代方式。您可以直接在 WSL2 中 WebStorm激活2022.3启动 IDE 后端，而不是在 Windows 上运行完整的 IDE。然后，您可以像在 WebStorm 中使用远程开发时连接到远程机器一样连接到它。