WebStorm 2023.3 来了,更好用,更智能!

开发 前端
近日,WebStorm 发布了 2023 年最后一个主要版本:2023.3。该版本包含了对 Angular、Svelte 和 Vue 的支持改进,AI Assistant,针对 TypeScript 的更新,以及对 Cypress、Playwright 和 Node.js 原生测试运行程序的支持。下面就来看看 WebStorm 2023.3 都有哪些更新!

更新亮点

改进的 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(选项)菜单调用搜索。

责任编辑:姜华 来源: 前端充电宝
相关推荐

2021-07-26 06:57:59

工具GitWebStorm

2010-11-01 09:54:55

2021-03-19 07:07:03

Android 12Android系统谷歌

2022-04-20 12:17:50

命令Batcat

2009-12-30 10:46:01

Ubuntu目标

2022-04-25 10:04:56

df命令Linux

2019-07-27 09:40:56

MySQLPG数据库

2021-09-16 14:16:50

微信安卓测试版腾讯

2022-10-28 12:04:55

技术城市

2020-12-08 10:25:56

HibernateMyBatis数据库

2012-07-24 09:30:25

企业应用程序SAP

2022-04-26 14:13:26

物联网IoT

2011-11-17 10:29:04

IDE

2020-06-08 11:30:04

PGMySQL数据库

2015-09-02 13:54:37

2010-10-27 09:09:34

Linux Mint

2021-08-19 09:05:36

顶部导航左侧导航浏览

2019-04-28 11:15:36

Kubernetes开源工具

2024-01-22 15:55:15

2018-04-13 17:38:28

一汽
点赞
收藏

51CTO技术栈公众号