WebStorm 2021.3正式发布,重大更新速览

WebStorm 2021.3正式发布。作为今年的最后一次重大更新,WebStorm 2021.3有很多新的功能和改进,例如JavaScript改进、支持远程开发、改进HTML补全等等。

JavaScript & TypeScript

重构对私有类成员的支持

2018年,WebStorm就增加了对私有字段的支持,但之前的支持是基于TC39的旧提案,与之后的标准有了分歧。为了符合标准,WebStorm 重构了现有的支持,WebStorm 2021.3正确支持ES2022私有类成员。

1.gif

支持导入语句中的URL

支持在ES6文件中的导入路径上使用快捷键来下载远程ES6模块。该模块将连同其所有的依赖关系一起被下载,并作为一个项目库被链接。要尝试这个方法,请将光标放在导入路径上,然后按⌥⏎并选择下载模块。

image.png

改进 .js 和 .d.ts 文件之间的映射

我们改进了.js和.d.ts文件之间的映射,并增加了gutter 图标,以便更好地在它们之间导航。

2.gif

缩短JavaScript文件索引时间

JavaScript文件的索引时间缩短了20%,尤其是在打开一个新项目或进行大规模的Git更新时,但项目主要由.ts或其他类型的文件组成,这一变化将不太明显。

Frameworks & Technologies

更新依赖关系的新检查

WebStorm 2021.3允许你编辑器中直接将npm包更新到最新版本,打开package.json文件,将光标放在你想更新的软件包版本上,然后按⌥⏎并选择更新 "package name "到最新版本。当你把鼠标悬停在软件包版本上时,也会显示一个快速修复。

image.png

重构Deno集成

为了改善WebStorm 中使用 Deno 的体验,我们已经迁移到 Deno LSP 并修复了一些已知的问题。

3.gif

改进的HTML完成方式

我们改进了HTML中代码补全的工作方式。每当你在编辑器中输入一个标签名称或缩写,或者调用代码补全,WebStorm都会立即显示相关建议。以前,只有当你先输入<时才会显示。此外,字符实体引用的代码补全现在应该工作得更好。

4.gif

Vue和React的类型检查

WebStorm 2021.3支持Vue模板的类型检查。当绑定到属性表达式中使用了不正确的类型时,IDE就会通知。这也将适用于React属性。

image.png

HTTP客户端的新功能

在这个版本中,改进了WebStorm的内置HTTP客户端,增加了很多新功能,包括支持二进制响应、输出重定向到自定义文件或目录等。

image.png

Remote Development

远程运行WebStorm

WebStorm 2021.3支持远程开发工作流程的测试版本。你现在可以连接到运行IDE后台的远程机器,在那里的项目上工作,就像在你的本地机器上一样。这一切要归功于名为JetBrains Gateway的新应用程序。

image.png

使用远程Node.js开发

对于此版本,我们进行了一些重大改进,以支持将 Node.js 安装在 Docker 中,然后由 WebStorm 与 JavaScript 工具集成使用的工作流。现在, IDE 将允许 Node.js 远程解释器与 ESLint、Jest、Mocha 和 npm 结合使用。

image.png

支持 SSH连接代理

支持在首选项/设置|工具|SSH配置中为你的SSH配置指定一个HTTP或SOCKS代理服务器。在新的HTTP/SOCKS代理部分,你可以选择代理类型,输入一个主机名和一个端口,如果有必要,还可以应用登录和密码认证。

image.png

User Experience

分割运行工具窗口的能力

当几个配置都在运行,如何同时看到它们的结果?你现在可以分割你的运行工具窗口了! 要做到这一点,将所需的标签拖到突出显示的区域,并将其放在那里。要解除工具窗口的分割,你可以把标签拖回来,或者右击顶部窗格,从上下文菜单中选择 "Unsplit "。

5.gif

新的书签工具窗口

WebStorm曾经有两个非常相似的实例--收藏夹和书签,因为差异很小,所以我们决定坚持只用一个--书签。我们重新设计了这个功能的工作流程,并为它制作了一个新的工具窗口。从现在开始,你用F3标记为重要的任何文件、文件夹和类都将位于新的书签工具窗口下。

image.png

显示用法的源代码预览

当你用⌥⌘F7查看一个符号的使用情况时,或按下⌘并点击定义,现在你可以通过点击方形图标来打开找到使用情况的源代码预览。

image.png

终端改进

WebStorm的内置终端现在支持Windows上新的ConPTY API。这一变化不仅解决了一些问题,同时还增加了对24位颜色的支持。此外,新增加的typeahead支持可以预测文本的修改,并立即以浅灰色显示。正是因为这个功能,无论你是在本地还是远程,终端打字的速度都是同样快。

image.png

用户友好性更新

我们解决了一些用户友好性问题,屏幕阅读器的使用变得更加舒适。我们已经禁用了工具窗口小部件的弹出窗口和快速文档的弹出窗口,这些窗口曾经在鼠标移动时出现。MacOS上的用户友好性支持也得到了改善。我们已经解决了几个关于配音焦点的问题,使用屏幕阅读器创建项目成为可能。

支持所有标签字体变化

你知道你可以使用鼠标滚轮来改变编辑器中的字体大小吗?以前,这个功能只对当前文件有效。现在你可以让它对所有打开的文件起作用。进入 Preferences / Settings | Editor | General,勾选用命令/Ctrl+鼠标滚轮来改变字体大小,然后选择所有编辑器选项。

更多更新,请参考:www.jetbrains.com/webstorm/wh…

评论