webstorm插件html,WebStorm最新版v2020.2(三):在HTML和样式表方面实现更加高效便捷...

WebStorm 2020.2版本是WebStorm今年的第二个重大更新,现已发布!它将Prettier作为默认格式化程序选项,能够更好的支持Vue类,JavaScript,以及对GitHub pull请求的全面支持等等。

HTML和样式表

在Sass / SCSS中更好地支持@use和@forward规则

在WebStorm 2020.2中,扩展了此支持。现在,您可以期望获得更智能的完成效果并改善导入符号的分辨率。

be20b8ab631dbd82dbfb6b6bfdc116f2.png

支持WebP图像格式

从v2020.2开始,您可以在WebStorm中预览.webp图像,就像预览.jpeg或.png图像一样。以前,IDE无法识别.webp格式,从而迫使您在需要快速浏览此类图像时切换到另一个应用程序。

要预览图像,您只需将鼠标悬停在代码中的链接上即可。您也可以在 project窗口中双击它,以在编辑器中预览它,或使用“ Quick Definition 功能。

版本控制

对GitHub拉取请求的更高级支持

在WebStorm 2020.2中,扩展了对GitHub拉取请求的支持,并使在不离开IDE的情况下使用它们更加方便。现在,您可以查看所有PR,查看代码和合并PR。

您会注意到的第一件事是新的布局,它使您一眼就能看到所有必要的信息。现在,拉取请求列表将在左侧的单独工具窗口中打开。通过双击列表中的任何拉取请求,或单击其旁边的箭头,可以查看有关该请求的所有相关详细信息。这些详细信息包括PR消息,分支名称,作者,受让人,更改的文件,提交,注释等。

27bddc0f9b1312b399520ecce0a9882a.png

在v2020.2中,您将发现的另一个重要更改是开始,请求和提交评论以及发表评论的能力。

3ff61c1309972633e57d683b99cd12aa.png

您可以查看,编辑,创建或删除提交级别的注释。现在,IDE还允许您查看行级注释并与之交互,因此您可以在IDE内部进行代码审查。

bfe516f4752e1a460739d1be768eb720.png

最后,您现在可以在IDE中合并合并请求。

更新了几个Git动作的对话框

在WebStorm 2020.2中,您会发现重新设计的,整齐的对话框,用于合并,拉取和重新设置Git操作。通过此更改,能够更轻松地确定将运行哪个Git命令。还包括了一些新选项,例如“ pull"对话框中的–rebase和“ Merge "对话框中的–no-verify。

从日志压缩本地提交

现在,您可以在Git工具窗口的“ 日志”选项卡中选择多个本地提交,并将其压缩为一个。从上下文菜单中可以使用新操作,可以右键单击该菜单。

代码编辑

在代码中发现问题的新工具

为了帮助您更轻松地使代码无错误,我们添加了一个新的Inspections小部件和“ Problems”工具窗口。

“ Inspections”窗口小部件位于编辑器的右上角。它会通知您当前文件中的问题数量,并使您可以轻松地在它们之间进行跳转。对于导航,可以使用箭头图标或F2。您还可以直接从新的窗口小部件配置突出显示级别:将鼠标悬停在其上,然后在None,Syntax和All Problems之间进行选择。

101591e9af13b6d26d2fc7a332309a0b.png

如果单击“ 检查”小部件,将打开“ 问题”工具窗口。它概述了当前文件中的问题,并允许您执行多项操作。例如,双击或右键单击并选择“ 跳转到源代码”,即可快速跳转到任何问题。您还可以通过右键单击问题并选择显示快速修复或使用Alt + Enter来查看可用的修复。要应用修订,请从列表中选择它,然后按Enter。

cbb2fedb8ef048f5a389032667fcb95d.gif

我们计划将来扩展“ problem”工具窗口的功能。我们希望它与TypeScript语言服务更好地集成,并能够分析整个项目中的错误。

在每个选定行的末尾添加插入符号

我们添加了一个用于处理多个插入符的新操作。它使您可以快速将插入号放置在每个选定行的末尾,并在添加所有插入号后立即删除选择。尝试一下,选择一些代码,然后按Alt + Shift + G键。准备退出多重插入符号编辑模式时,请按Escape键。

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至hey@evget.com

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值