page contents

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

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

attachments-2021-12-e9xDN09M61ad656668c2f.png

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+鼠标滚轮来改变字体大小,然后选择所有编辑器选项。

更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

如果你想用Python开辟副业赚钱,但不熟悉爬虫与反爬虫技术,没有接单途径,也缺乏兼职经验
关注下方微信公众号:Python编程学习圈,获取价值999元全套Python入门到进阶的学习资料以及教程,还有Python技术交流群一起交流学习哦。

attachments-2022-06-CvdhtGIh62b1782c5d7e2.jpeg

  • 发表于 2021-12-06 09:20
  • 阅读 ( 911 )
  • 分类:行业资讯

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
轩辕小不懂
轩辕小不懂

2403 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1312 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章