WebStorm 2020.3是本年度的最后一次重大更新!此更新包含许多期待已久的增强功能,包括对Tailwind CSS的支持,将IDE主题与操作系统设置同步的功能以及Git暂存。
新功能和改进属于以下类别:
- 外观:一个新的“Welcome”界面,可以将IDE主题与您的OS设置同步,改进了使用选项卡的功能,默认情况下可以使用WebStorm打开文件的选项,等等。
- 框架和技术:Tailwind CSS支持,根据使用情况创建React组件的能力,Vue.js的增强,对pnpm的全面支持等等。
- JavaScript和TypeScript:集成的TypeScript和problem工具窗口,使用CSS和HTML更好地格式化复杂的模板文字,改进的调试体验,以及更好的字符串完成建议。
- 工具:支持我们的协作开发工具,有关WebStorm基础知识的培训课程,更好的拼写和语法检查以及HTTP客户端中的cURL转换。
- 版本控制:Git暂存支持,重新排列的VCS菜单以及对使用分支的改进。
- 导航:快速文件预览,更有用的导航栏和更强大的“Search EverWhere”。
外观
重做的欢迎屏幕和更快的初始设置
将继续改善WebStorm的外观。首先,更新了“welcome”界面。进行此更改的主要目的是简化IDE的初始设置,并使管理某些关键设置更加容易。让我们看看有什么变化。
首次启动WebStorm时,将不再看到配置向导-仅显示“隐私策略”和“许可证”对话框。打开项目后,它们将立即显示在右侧,并且在右上角显示“New Project, Open, Get from VCS”按钮。
在“welocom”屏幕的左侧,您会找到“Customize”和“Plugins”选项卡。使用“Customize”选项卡可以调整最常用的设置,例如IDE主题和字体。“Plugins”选项卡提供对可用插件列表的快速访问,并允许您安装它们。
最后,还有“ Learn WebStorm”选项卡。从此选项卡,您可以跳至我们的联机帮助以及其他一些资源,例如WebStorm教育视频和键盘映射参考卡。它还提供访问交互式培训课程的权限。
IDE主题已与操作系统设置同步
涉及外观的另一项改进是能够将IDE主题与操作系统设置同步。目前,此改进仅适用于macOS和Windows用户,但我们计划稍后再将其实现。
要尝试新功能,请转到“Preferences/Settings | Appearance & Behavior | Appearance”,然后在其中选择Sync with OS。单击“Theme”下拉菜单旁边的齿轮图标,以选择首选的浅色和深色主题。
使用标签的改进
使用WebStorm 2020.3,我们使使用选项卡更加方便。
首先,您可以通过将选项卡拖动到所需位置并将其拖放到此处来拆分编辑器。选项卡的上下文菜单中的拆分操作仍然可用。
我们还实施了一个新的“Open in Right Split”行动。此操作将帮助您打开新文件,而不会丢失当前正在使用的文件。