WebStorm 2021.2 正式发布,UI 界面完全中文化,加入众多新特性

来源: OSCHINA
编辑: Alias_Travis
2021-07-28

WebStorm 2021.2 正式发布,更新内容如下:

代码编辑

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/reload-pages-on-save-624@2x.png

保存时重新加载页面

WebStorm 现在可以在编辑和保存你的 HTML、CSS 和 JavaScript 文件时自动更新浏览器中的页面。要开始使用,请在编辑器中打开一个 HTML 文件,将鼠标悬停在它上面,然后点击你想使用的浏览器的图标——所有浏览器都支持。

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/actions-on-save-810@2x.png

保存时的操作

你喜欢在保存时执行某些操作吗?WebStorm 2021.2 现在正确支持这一工作流程,我们重新设计了所有现有的功能,将其收集到一个地方,并通过一些新的选项来加强它,包括在保存时重新格式化代码和优化导入的能力。

更快地创建 scratch 文件

想在项目背景之外处理一些代码?在编辑器中选择它,然后按⌥⏎,并选择从选择中创建新的 scratch 文件。这将创建一个带有所需代码的 scratch 文件。

Code With Me

当你在 Code With Me 会话中处于跟随模式时,你现在可以跟踪你所跟随的人使用的代码完成建议。

JavaScript & TypeScript

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/auto-imports-for-commonjs-624@2x.png

自动导入 require()

WebStorm 可以在你完成 ES6 符号时添加缺少的导入语句,它现在也可以为 CommonJS 模块做同样的事情 —— require 导入可以在代码补全时插入。

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/support-for-ts-types-in-jsdoc-810@2x.png

在 JSDoc 中支持 TypeScript 类型

WebStorm 现在正确地支持 .js 文件中使用的 TypeScript 语法。我们重新设计并扩展了现有的支持,并修复了许多已知的问题。

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/surround-with-arrow-function-template-624@2x.png

箭头函数的新操作

需要在你的代码中快速添加一个箭头函数?现在你可以使用 ⌥⌘J 将一个代码块用一个箭头函数包围。你也可以输入 arf 并按下 ⇥ 来展开模板并添加一个空的箭头函数。

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/preview-tab-in-debugger-810@2x.png

调试时的预览选项页

预览选项页过去只在项目视图中起作用,现在当你调试你的应用程序时也起作用。可以在首选项/设置|编辑器|常规|编辑器标签中开启这个功能。这将帮助你避免用多个文件弄乱编辑器,因为 WebStorm 将在一个标签中连续打开这些文件。

框架和技术

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/rename-refactoring-for-react-useState-hooks-624@2x.png

React useState hooks

你不再需要把时间浪费在逐一重构 useState 值和函数上—— WebStorm 现在可以为你重命名两者。将光标放在一个状态值上,然后按 ⇧F6 或者从右键菜单中进入 Refactor | Rename。

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/completion-for-private-npm-packages-810@2x.png

对类名和 clsx 库的支持

为了帮助你在 React 项目中更有效地使用 CSS 类,我们增加了对流行的类名和 clsx 库的支持。WebStorm 将显示你的CSS类的补全建议,并解决字符串字面和属性中所有带有字面名称的符号。

对网络类型的通用支持

我们扩展了对 web-types 的支持,这是一个用于记录 web 框架的开源标准。它以前主要是对 Vue 的支持。但现在你可以用它来丰富你的 HTML 文件中自定义组件的编码帮助。

版本控制

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/run-tests-before-commit-810@2x.png

新的预提交检查

WebStorm 增加了一个新的选项,让用户在提交之前运行测试来检查代码。点击提交工具窗口中的齿轮图标,选择运行测试,并选择所需的运行配置。WebStorm 将测试你的文件并对任何问题发出警告。

GPG 签名支持

现在你可以通过用 GPG 密钥签名来保护你的提交。你可以通过首选项/设置|版本控制|Git 中的配置 GPG 密钥,来开启这个功能。

本地历史搜索

查看本地历史中的修订版现在更容易了。在已修改的文件上点击右键,然后进入本地历史|显示历史,并使用搜索栏来浏览你的修改。

可用性

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/language-pack-plugins-810@2x.png

本地化的用户界面

从这个版本开始,你可以享受完全本地化的中文、韩文和日文的 WebStorm 用户界面。本地化可作为非捆绑式语言包插件使用,可以在 WebStorm 中从首选项/设置|插件中安装。

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/drag-drop-tool-windows-624@2x.png

更快的工具窗口重新排列

现在更容易重新排列工具窗口了。将鼠标悬停在你想移动的工具窗口的顶部,然后将它拖到你想要的地方即可。如果你想把一个工具窗口从 WebStorm 主窗口中分离出来,也可以这样做 —— 只要把它拖到 IDE 框架之外即可。

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/customize-project-icon-810@2x.png

更加容易地定制项目图标

WebStorm 让用户为项目分配自定义图标这个过程变得更加简单了。在 WebStorm 的欢迎屏幕上右击一个项目,然后选择更改项目图标选项,并上传你想与该项目相关联的 SVG 文件。

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/update-notification-from-toolbox-app-810@2x.png

从工具箱应用程序中更新通知

你将不再错过工具箱应用程序的任何关键产品更新。如果有新的版本可供下载,WebStorm 会通知你,并让你选择升级到该版本 —— 只要确保你有 1.20.8804 或更高版本的 Toolbox App。

https://www.jetbrains.com/webstorm/whatsnew/img/2021.2/updated-preferences-in-ws-810@2x.png

改进的首选项/设置对话框

在你的首选项/设置对话框中,现在有一个高级设置的节点。你可以在那里找到一些新的配置选项,包括在无干扰模式下设置左边距的功能。另外,你现在可以在最近打开的节点之间更快地跳转 —— 只需使用对话框右上角的箭头。

自动缓存和日志清理

在每次重大更新后,WebStorm 都会清理最后一次更新超过 180 天的任何缓存和日志目录。系统设置和插件目录将保持原样。要手动触发这个过程,请到主菜单中的 帮助|删除遗留的 IDE 目录 进行设置。

内置终端的新功能

内置终端添加了三个新功能,以改善使用体验。你现在可以改变光标的形状,并使 ⌥ 键作为元修饰符 —— 在首选项/设置|工具|终端中寻找这些选项。另外,现在使用 http 链接也更方便了。

更多详情可查看:https://www.jetbrains.com/webstorm/whatsnew/?rss

 

 

展开阅读全文
4 收藏
分享
加载中
精彩评论
vscode 促进了 jetbrains 系列软件的发展
2021-07-28 10:38
10
举报
做为从 VS Code 转到 WebStrom 转到 VS Code 再转回 Webstorm,最后发现还是 Webstorm 香!
2021-07-28 16:17
5
举报
idea更新最新版启动不了了
2021-07-28 09:18
3
举报
我看到我周围好多朋友在用vscode了
2021-07-28 09:53
2
举报
很好,我选择vscode
2021-07-28 10:33
1
举报
最新评论 (21)
jetbrains的越来越牛,但我选择了vscode。
2021-08-04 09:45
0
回复
举报
web开发,vsc就很好了,还免费;
2021-08-04 08:17
0
回复
举报
vscode强大
2021-08-03 17:14
0
回复
举报
可以抛弃vscode了~~哈哈~~
2021-07-29 10:11
0
回复
举报
webstorm还是太占用内存了,vs对js/ts的支持更好
2021-07-29 20:10
0
回复
举报
WebStorm的license多少钱一个?
2021-07-29 09:17
0
回复
举报
MrD
我第二年续费才75一年
2021-08-04 09:08
0
回复
举报
不支持32为系统了
2021-07-28 19:45
0
回复
举报
今天更新了idea 2021.2,怎么界面都改回去了。越来越丑了,一堆不兼容。不建议更新
2021-07-28 18:21
0
回复
举报
做为从 VS Code 转到 WebStrom 转到 VS Code 再转回 Webstorm,最后发现还是 Webstorm 香!
2021-07-28 16:17
5
回复
举报
看英文看习惯了
2021-07-28 13:50
0
回复
举报
vscode 促进了 jetbrains 系列软件的发展
2021-07-28 10:38
10
回复
举报
更多评论
21 评论
4 收藏
分享
返回顶部
顶部