彩票走势图

WebStorm 2020.3亮点解析:增强对Vue的支持,新增调试时的交互式提示和嵌入式监视

转帖|使用教程|编辑:鲍佳佳|2020-11-12 13:38:55.210|阅读 854 次

概述:WebStorm 2020.3已达到Beta里程碑!预计下周就可以发布啦,到时候你可以到我们网站进行下载体验!接下来看看新版本有什么亮点吧!

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

WebStorm是一款深受广大程序员喜爱的 JavaScript 开发和Web前端开发工具,完美适应各种复杂客户端开发和Node.js的服务器端开发。

点击下载WebStorm最新试用版

在下面,您将找到WebStorm 2020.3 Beta的一些亮点。

调试时的交互式提示和嵌入式监视

你可能已经知道,当执行在断点上停止时,WebStorm会向你显示提示,并在变量的用法旁边显示其值。为了使这些提示更加有用,我们引入了一些改进。

首先,内联提示现在是交互式的。你可以点击它们来查看属于变量的所有字段。你也可以通过点击设置值来改变下拉列表里面的变量值。

互动提示弹出窗口

另一个更新会影响到watches。以前,您的Watches保存在“Debug”工具窗口的“variable”选项卡下。当您单步执行代码并移至其他上下文时,Watches可能会变成错误。

尽管您仍然可以通过这种方式添加watches,但是在v2020.3中,我们通过添加嵌入式Watches解决了上述问题。现在,您可以将watch表达式绑定到代码中与其相关的位置。为此,请在同一弹出窗口中单击"Add Inline Watch"或者,您可以使用上下文菜单中的“Add Inline Watch”操作。

添加在线观看ws


对Vue支持的增强

对于此版本,我们没有计划对Vue支持进行任何大的更新,但仍有一些东西可以帮助您更好地使用Vue。

 首先,我们解决了与Vue 3相关的许多问题。例如,WebStorm现在支持新引入的<脚本设置>语法。

脚本设置值

现在,IDE可以正确识别新的defineComponent方法,使您可以使用所有的编码辅助功能。

定义组件vue

除此之外,还使IDE在Vue项目中正确地应用了ESLint代码样式规则,并且改进了与TypeScript语言服务的集成。

集成了TypeScript和问题工具窗口

现在已经将TypeScript语言服务集成到“问题”工具窗口中,并且摆脱了专用的TypeScript工具窗口。我们进行了此更改,以简化WebStorm的UI,并帮助您从一个地方查看代码中的所有关键问题。

现在,可以在“Probelm”工具窗口的“Project Errors”选项卡下找到该服务报告的所有错误。

ts-project-errors-ws

要访问以前在TypeScript工具窗口中可用的按钮,可以在状态栏上使用新的TypeScript小部件。从那里,您可以编译代码,重新启动语言服务,然后跳转到TypeScript设置。

ts-widget-ws

使WebStorm默认打开特定文件

从v2020.3开始,使WebStorm成为打开特定文件类型的默认应用程序变得更加容易。转到首Preferences/Settings | Editor | File Types 然后单击 Associate File Types with WebStorm… ,在打开的对话框中,选择要使用WebStorm打开的文件扩展名,然后单击“OK 保存更改。

请记住,在macOS上,必须重新启动计算机才能应用更改。

设置文件类型关联WS-2020-3

升级到较新版本的IDE时,所选文件扩展名关联将保持不变。

 

今天的内容就到这里,如果你想了解更多功能以及文章教程,点击免费获取!欢迎下载Webstorm体验最新功能并在下方评论区分享您对该产品的想法。您的反馈意见可帮助我们在以后的文章教程中找到正确的方向,慧都作为JetBrains的正版代理商现WebStorm正版授权最低仅售529


标签:

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

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP