更新亮点
改进的 Angular 支持
在这个版本中,对于 Angular 模板,改进了严格模板类型检查的支持。同时,还增加了对于 v17 中新的控制流语法的初步支持,以及对于实时模板中的 signal、computed和 effect 等特性的支持。此外,通过快捷键⌥Enter,还提供了一些新的快速修复功能。例如,可以从组件模板中创建 @Input 和 @Output 属性。
对 Svelte 插件的更新
在这个版本中添加了对 TypeScript 插件的内置支持,为 Svelte 项目中的TypeScript文件提供了一致的高亮显示和快速文档功能。还改进了自动导入组件的稳定性,使其可以在代码补全、复制粘贴和按下⌥Enter时正常运行。此外,还改进了对cnotallow="module"脚本导出的支持,并扩展了对零努力类型安全的支持,覆盖了Svelte文件和TypeScript文件。
针对 Vue 3 的改进
在这个版本中添加了对 defineSlots 的支持,为 slot 名称和属性提供补全和导航功能,以及重命名重构。现在,补全功能也适用于带有defineExpose的属性。此外,根据defineOptions函数指定的名称,组件的必需导入将被添加。
AI Assistan 全面推出
JetBrains AI Assistant 现已全面推出,为 JetBrains IDE 带来众多新功能和改进,大幅提升工作效率。此次更新包括:
- 增强的编辑器直接代码生成功能,无需复制代码即可快速生成所需代码段。
- 全新的上下文感知AI聊天功能,无需离开IDE即可回答项目相关问题,为项目查询提供更便捷的解决方案。
- 项目感知AI操作,通过扩展上下文提供更全面的结果,使开发者能够更准确地了解项目状态并快速解决问题。
通过订阅 JetBrains AI Service,可以在WebStorm中以补充功能的形式使用AI Assistant,进一步提升您的编程体验。
Cypress 和 Playwright 支持
WebStorm 现在支持自动检测 Cypress 和 Playwright 测试,并允许一键运行和调试这些测试。此外,支持还包括通过浏览测试树来探索结果和发现问题的功能。通过安装 Test Automation 插件,可以获取嵌入式浏览器和高级代码洞察功能,进一步扩展测试的支持。
对 Node.js 测试运行程序的初步支持
在这个版本中,WebStorm 还添加了对原生 Node.js 测试运行程序的支持。现在可以识别使用node:test API声明的测试,并可以通过装订区域图标来运行和调试它们,计划在下一个版本中实现更多改进以扩展对 Node.js 测试的支持。
JavaScript、TypeScript 和 CSS
针对 TypeScript 的改进
该版本已解决了添加import type语句时出现的不一致性问题。此外,还新增了选项,用于配置在导入类型时使用TypeScript import type语句或类型说明符的方式。针对TypeScript文件,还改进了package.json的exports字段的行为。
HTML 到 JSX 单标签闭合
现在,将 HTML 代码粘贴到 JSX 文件中时,它不仅会转换特性,还会自动闭合单标签。可以在 _Settings | Editor | General | Smart Keys | JavaScript_(设置 | 编辑器 | 常规 | 智能按键 | JavaScript)下配置此选项。
CSS 自定义 @property 支持
WebStorm 2023.3 支持属性的检查和补全。
对 .jsonc 格式的支持
该版本提供了对 .jsonc 格式的支持,允许使用 // 和 /* */ 在文档中使用单行和多行注释。
改进的 Yarn PnP 工作区支持
使用 workspace: 协议引用的模块现在可以在 Yarn PnP 工作区中解析。同时,import 语句中的导航现在也可以正常运作。
集成式开发者工具
全功能差异查看器
WebStorm 2023.3 引入了一种改进的变更审查方式。现在,可以在单个可滚动框架中查看来自更改集的所有已修改文件,而无需逐一查看每个文件。新的差异查看器与GitLab和GitHub兼容,能够更方便地查看和比较代码差异。
对 GitLab 代码段的支持
为了扩展 WebStorm 2023.2 发布版本中引入的 GitLab 集成,该版本添加了对 GitLab 代码段的支持。现在可以直接在 IDE 中创建公共或私有代码段。
Run to Cursor(运行到光标)嵌入调试选项
新的 Run to Cursor(运行到光标)嵌入选项允许在调试时快速执行到特定代码行。程序挂起后,可以将鼠标悬停在要执行到的代码行上,然后点击 Run to Cursor(运行到光标)弹出窗口。还可以在将文本光标置于所需行上后调用 ⌥F9 来使用此功能。
HTTP 客户端改进
该版本改进了 Structure(结构)视图,在大型 _.http_ 文件中提供更好的导航。此更新还为请求类型引入了颜色编码标签,可以更清晰地列出内容。还支持使用 @ 声明变量以及使用 OAuth 2.0 密码和客户端凭据授予类型进行身份验证。
用户体验
适用于 macOS 的新产品图标
WebStorm 2023.3 引入了为 macOS 重新设计的产品图标,使其与操作系统的标准样式指南保持一致。
Default(默认)工具窗口布局选项
该版本向保存多个工具窗口布局的功能添加了 Default(默认)选项,可以快速地将工作区外观快速还原为默认状态。此布局可通过_主菜单 | Window | Layouts_(窗口 | 布局)访问。
隐藏主工具栏的选项
该版本支持在使用 IDE 的默认查看模式时隐藏主工具栏的选项。要隐藏主工具栏,首先从主菜单选择 View | Appearance(视图 | 外观),然后取消选中 Toolbar(工具栏)选项即可。
编辑器标签页的颜色编码高亮显示
该版本重新引入了默认颜色编码高亮显示,以反映编辑器标签页与 Project(项目)工具窗口中文件外观的一致性,从而增强在编辑器中同时处理多种文件类型的导航体验。
Speed Search(快速搜索)快捷键
Speed Search(快速搜索)功能允许在工具窗口和对话框中快速导航,现在可以通过快捷键使用。将焦点置于树或列表上后,即可按 ⌘F 从工具窗口的 Options(选项)菜单调用搜索。