WebStorm 2022.2 发布,更新 Vue 3、支持 Angular 独立组件


WebStorm 2022.2,即今年的第二个更新已经发布了。这次更新的新功能使 WebStorm 变得更好,包括对 Angular 独立组件的支持,对 Vue 3 的更新,对 TypeScript 4.7 的支持,内置远程开发,以及对编辑器的大量改进。

对 Angular 独立组件的支持

Jetbrains 一直在积极致力于为 WebStorm 2022.2 带来对 Angular 14 的支持。在这个版本中,所做的最重要的补充是对 Angular 独立组件的支持。WebStorm 现在可以正确地识别标记为 standalone: true 的组件、指令和管道。

针对 Vue 3 的更新

WebStorm 2022.2 对 Vue 3 提供了更好的支持。例如,它现在可以理解 v-if/else指令中的类型收窄。此外还支持 Vue 团队推荐的状态管理解决方案 Pinia,它可以作为全局存储使用。

支持 TypeScript 4.7

WebStorm 2022.2 捆绑了 TypeScript 4.7,支持新的语言特性,如 Node.js 中的 moduleSuffixes 和 ESM。如果在你的 tsconfig.json 文件中 module 被设置为 node16nodenext,它将自动在导入语句中插入 .js 扩展。此外,WebStorm 支持 package.json 文件中的 typesVersions 字段。

对 AngularJS 的支持结束

由于 AngularJS 现在已经达到了生命周期结束。WebStorm 2022.2 将不再积极维护它。AngularJS 仍然可以在其他版本的 WebStorm 和 JetBrains IDE 中使用。

内置的远程开发工作流程

WebStorm 2022.2 在去年引入了对远程开发工作流的支持,如今可以在 Beta 标签下开箱即用。你可以连接到一个运行着 IDE 的远程机器上,并在那里的项目上工作,就像它位于你的本地机器上一样。

改进 Docker

在 WebStorm 2022.2 中,你现在可以使用新的 Copy Docker Image 将镜像从一个 Docker 守护进程复制到另一个。它将镜像保存到一个文件中,然后将其推送到选定的连接。新版本还加入了一个设置,在你重启 WebStorm 时自动连接到到 Docker。

HTTP 客户端的新功能

WebStorm 2022.2 支持 WebSocket 连接,这使得你可以创建请求,以及发送和接收消息。新版本也已经在 HTTP 客户端中引入了对 GraphQL 请求的支持。WebStorm 现在可以通过 HTTP 和 WebSocket 协议发送 GraphQL 查询。

JetBrains Space 集成

WebStorm 现在内置了对 JetBrains Space 的集成。你可以将 IDE 连接到 Space 中的组织,以查看和克隆项目仓库,编写使用 Space API 的复杂脚本,并审查团队成员的代码。

缩放时的字体大小指示

当你在编辑器中放大或缩小你的代码时,现在可以看到一个指示器来显示当前的字体大小,并可以选择将其恢复到默认大小。

全局改变字体大小的捷径

新版本引入了用键盘快捷键来改变整个编辑器的字体大小的功能。你现在可以按 ⌃⇧. / Alt+Shift+. 来增加字体大小。按 ⌃⇧, / Alt+Shift+, 来减小字体。

更快地访问代码补全设置

只要你需要改变自动补全的方式,你现在就可以从编辑器中的代码补全弹出窗口跳到你的代码补全设置。

在 Markdown 文档中生成一个目录

在这个版本中,增加了一个新的生成目录的操作,这将使为你的 Markdown 文件创建一个目录变得更加简单明了。你可以使用 ⌘N(在 Windows 和 Linux 上为 Alt+Insert),这将带来 Insert... 弹出窗口。然后你可以选择 Table Of Contents,它将自动为你生成目录。

更多详情可查看:https://blog.jetbrains.com/webstorm/2022/07/webstorm-2022-2/

 


相關推薦

2022-08-28

JetBrains 在 7 月推出了 WebStorm 2022.2,这是 2022 年的第二次重大更新。近日 JetBrains 公布了下一个版本的计划,让用户可以率先了解到官方的规划以及能够预览一下未来能够用上的新功能。 按照官方规划,WebStorm 2022.3 版本将在今

2022-08-20

WebStorm 2022.2.1 是 WebStorm 2022.2 的第一个错误修复更新,它包含了许多改进,包括对 Vite 别名的支持和对 Vue 3 和 Angular 14 的修复。 更好的 Vite 支持 WebStorm 现在支持 Vite 别名,并有一个新的部分用于调整你希望 Vite 配置文件的检

2023-01-08

JetBrains 已公布了 WebStorm 2023.1 版本的路线图,此版本预计将在 3 月底发布。 主要聚焦于以下内容: 技术特定的改进 Astro 支持。 将添加对 Astro 框架的支持 (WEB-52015)。 首先要确保至少语法高亮显示和代码补全等基本功能运

2023-09-06

JetBrains 已公布了 WebStorm 2023.3 版本的路线图,以便用户可以率先了解到官方的规划以及能够预览一下未来能够用上的新功能。 WebStorm 2023.3 计划于 11 月底发布,此版本的主要关注点之一将是解决现有的痛点,特别是在 typ

2022-08-03

助记书签的新描述字段 改进对 Web 技术的支持(支持 Angular 独立组件、Vue 3 更新、TypeScript 4.7 支持) 更快的运行时 在更新博客中可以查看详细的功能介绍。

2022-07-13

键 新的 JetBrains 运行时 对 Vue 的类型缩小支持 支持 Angular 独立组件 新的检查 组合 isset 调用 使用 in_array() 和 array_key_exist() 清理代码 需要时添加 docblock 变量名 完整的更新列表可在发布公告中查阅。

2022-10-12

WebStorm 2022.2.3 是 WebStorm 2022.2 的第三个错误修复更新,它包含了许多改进,以下是 v2022.2.3 中一些值得注意的更新内容: 修复了在 Mac 上改变屏幕亮度后导致 WebStorm 闪烁的问题 在 Mac 上断开第二条显示器电缆时导致 WebStorm 崩

2023-05-01

JetBrains 已公布了 WebStorm 2023.2 版本的路线图,以便用户可以率先了解到官方的规划以及能够预览一下未来能够用上的新功能。 主要聚焦于以下内容: 稳定的新 UI。这是此版本中的优先事项之一。 CSS 嵌套支持。WebStorm

2022-11-19

在过去的一年里,Angular 团队删除了 Angular 的传统编译器和渲染管道,因此在过去几个月里 Angular 改进了一系列与开发者体验相关的内容。Angular v15 则是进一步推动了这项工作,它有几十项改进,使开发者有更好的体验和性能。

2022-11-28

最受欢迎的开源前端框架 Angular 终于推出了另一个版本更新——Angular 15。之前,Angular 14引入了许多新的令人兴奋的实验性功能和排列的代码最佳实践,但看起来这个新版本——在 Angular 版本 15 中,一切都是为了获得稳定性。

2023-04-01

库解决方案,适配 PC 端/移动端等多端,涵盖 Vue2 / Vue3 / Angular 多技术栈,拥有主题配置系统 / 中后台模板 / CLI 命令行等效率提升工具,可帮助开发者高效开发 Web 应用。 OpenTiny 孵化自华为云和流程IT,经过九年持续打磨,服务

2023-05-04

在之前的 Angular v15 中,Angular 团队通过将独立 API 从开发者预览版升级至稳定版,在 Angular 的简易性和开发者体验方面达到了一个重要的里程碑。如今,Angular 将继续这一改进的势头,发布了自 Angular 最初推出以来最大的一次版

2023-07-02

解决方案,适配 PC 端 / 移动端等多端,涵盖 Vue2 / Vue3 / Angular 多技术栈,拥有主题配置系统 / 中后台模板 / CLI 命令行等效率提升工具,可帮助开发者高效开发 Web 应用。</p> </tiny-dialog-box> 效果如下: 由于抽屉组件没

2022-12-24

支持 v-slot 范围变量的类型推断 [WEB-41084] 已修复:Angular:图像路径在 CSS 文件中解析不正确 [WEB-46365] 已修复:Angular 组件自动模块导入问题 [WEB-50069] 修复:打开 Angular2 项目,IDE 无法识别 src 文件夹 [WEB-58212]