You can read this email in English.

WebStorm 团队向您问好,

我们高兴地宣布,我们刚刚发布了今年的第一个重大更新 WebStorm 2023.1! 您可以继续阅读来快速了解主要更改,或观看此视频

Astro 支持

备受期待的 Astro 支持已登陆 WebStorm! 我们的新 Astro 插件提供了您期望的所有基本功能,包括语法高亮显示、自动 import 的代码补全、重构、导航、正确的格式设置等。

了解详情 →

针对 Vue、React、Angular 和 Svelte 的改进

新版本具有大量针对不同框架和技术的更新。 TypeScript 对 Vue 模板表达式的支持是其中最大的一项。 我们还添加了一种新方式来显示 React 中组件属性的预期类型信息。 此外,我们还改进了 WebStorm 在 SvelteKit 应用中评估 $types 的方式,并使 IDE 能够在您在 Vue、Svelte、Astro 和 Angular 模板中复制粘贴代码时添加组件 import。

了解详情 →

针对新 UI 的改进

去年,我们为 WebStorm 和其他 JetBrains IDE 引入了更简约的新 UI。 我们一直在根据反馈改进新 UI 和引入更改,让您的编码体验更加愉快。 值得注意的几项包括 macOS 上的项目标签页、重新设计的 Run(运行)微件、紧凑模式,以及一些用户收藏夹的重新实现!

了解详情 →

针对 JavaScript 和 TypeScript 的改进

WebStorm 添加了在输入 ${ 时自动将带单引号或双引号的字符串转换为模板文字的功能。 我们还调整了 TypeScript 与 JavaScript 之间的通用导入行为,让您可以在两者中获得相同的上下文操作。 此外,自动 import 现在还根据项目中的现有 import 添加。

了解详情 →

Tailwind CSS 配置

在这个版本中,我们添加了对 Tailwind CSS 配置选项的支持,例如 classAttributes 选项下的自定义类名补全或 tailwindCSS.experimental.configFile 等实验性选项。 您可以在 Preferences / Settings | Languages & Frameworks | Style Sheets | Tailwind CSS(偏好设置 / 设置 | 语言和框架 | 样式表 | Tailwind CSS)下设置这些配置选项。

了解详情 →

改进了用户体验

WebStorm 现在可以放大和缩小,同时增加或缩减所有 UI 元素的大小。 您还可以为新项目预定义 Actions on Save(保存时的操作)的行为,并将复制-剪切-粘贴行为还原为 IDE 早期版本中的行为。

了解详情 →

针对版本控制系统的改进

为了简化在 IDE 中审查代码的过程,我们重做了 Pull Request(拉取请求)工具窗口。 它现在为您打开的每个拉取请求提供一个专用标签页。 此外,我们还添加了帮助您命名新分支的自动补全。 分支间导航也更加轻松,它们现在被分入可扩展列表,并且提交检查在您提交之后且推送之前在后台执行。

了解详情 →

请访问我们的网站,了解详情并且立即开始使用 WebStorm 2023.1。

WebStorm 团队
JetBrains
The Drive to Develop