WebStorm 2019 Mac版都新增了哪些亮点功能?
发布时间:2023-03-23 09:58:46
WebStorm 2019.1为JavaScript和TypeScript带来了新的智能意图,改进了对Angular的支持,更新了CSS和HTML文档,更强大的调试控制台等等!下面让小编带大家一起了解一下吧!
WebStorm 2019 Mac版新功能
JavaScript和TypeScript
使用JavaScript解构
通过解构,您可以使用非常简洁的语法将数组和对象中的值解压缩到变量中。WebStorm的新重构和意图(Alt-Enter)可以帮助您轻松地将解构引入 JavaScript或TypeScript代码。
使用Promise将函数转换为async / awAIt
您可以自动更改返回Promise的函数,.then()并 .catch()调用使用async / awAIt语法的异步函数。只需在功能名称上按Alt-Enter,然后选择转换为异步功能。这不仅可以在TypeScript文件中实现,还可以在JavaScript和Flow中实现。
构架
对Angular应用程序的新检查
对于Angular应用程序,WebStorm添加了17项新检查,可帮助您在键入时检测应用程序中的Angular特定错误,并建议快速修复。这些检查在TypeScript和模板文件中都有效,并检查绑定,指令,组件和许多其他内容的使用。
Angular项目中的导航更容易
在Angular应用程序中,您现在可以使用相关符号...弹出窗口(Ctrl-Cmd-Up / Ctrl + Alt + Home)在不同的组件文件(如TypeScript,模板,样式和测试文件)之间快速切换。在TypeScript文件中,弹出窗口还将列出导入此文件的所有符号。
改进了对Vue应用程序中TypeScript的支持
WebStorm现在使用TypeScript语言服务以及对.vue文件中任何TypeScript代码的自己的TypeScript支持。这意味着您现在可以获得更准确的类型检查和类型信息,您将能够使用服务提供的快速修复程序,并在TypeScript工具窗口中查看当前文件中的所有TypeScript错误。
件中的所有TypeScript错误。
React钩子的提取方法
该提取方法重构现在与当地的功能和使用解构的返回值,使得它非常适合提取自定义作出反应挂钩。
改进了道具的完成
WebStorm现在为使用扩展运算符合并的React props提供了更好的代码完成。
HTML和样式表
更新文档
CSS属性和HTML标记及属性的文档(F1)现在显示有关MDN的浏览器支持的最新描述和信息,以及指向完整MDN文章的链接。
CSS的浏览器兼容性检查
要检查目标浏览器版本是否支持您使用的所有CSS属性,可以在首选项中启用新的 浏览器兼容性检查。
对CSS模块的Camel案例支持
如果在项目中使用CSS模块,JavaScript文件中的类的代码完成现在将建议带有破折号的类名的驼峰版本。
提取CSS变量
使用新的Extract CSS变量重构,您可以使用语法将当前.css文件中值的所有用法替换 为变量var(--var-name)。
测试
突出显示测试中的失败行
当您使用Jest,Karma,Mocha或Protractor运行测试并且某些测试失败时,您现在可以在编辑器中看到问题发生的位置。IDE将使用堆栈跟踪中的信息并突出显示失败的代码。在悬停时,您将看到来自测试运行器的错误消息,您可以立即开始调试测试。
使用Cucumber和TypeScript进行测试
使用Cucumber和TypeScript?现在,您可以跳到从步骤.feature文件 到它们的定义中 的.ts文件中使用速战速决(和产生缺定义Alt-Enter组合)。
工具
新的调试器控制台
在JavaScript和Node.js调试工具窗口中使用新的,改进的交互式调试器控制台!它现在使用树视图显示对象,它支持使用CSS设置日志消息样式并使用console.group()和 对它们进行分组console.groupEnd()。您还可以过滤掉任何类型的日志消息。
完成npm脚本
将新脚本添加到package.json文件时,WebStorm现在会为已安装的软件包提供的可用命令提供建议。键入后 node,IDE将建议文件夹和文件名。输入后npm run,您将看到当前文件中定义的任务列表。
改进了对短绒的支持
WebStorm现在可以 在一个项目中为ESLint和TSLint运行多个进程,以确保它们在单个项目和具有多个linter配置的项目中正常工作 。
支持Docker Compose
如果使用Docker测试Node.js应用程序,现在可以使用Docker Compose文件中描述的配置从IDE 轻松运行和调试应用程序。
依赖项的版本范围工具提示
在的package.json,按命令和版本悬停的依赖关系,看看运行的时候可以安装什么版本范围 npm install或yarn install。
IDE
新的UI主题
您现在可以在WebStorm中使用新的丰富多彩的UI主题作为插件。选择 深紫色,灰色和 青色光主题,或创建自己的主题 。
最近的位置弹出
在最近的位置弹出(Cmd的移-E / 按Ctrl + Shift + E)是一种新的方式 浏览各地的项目。它显示了最近在编辑器中打开的所有文件和代码行的列表。您可以开始键入以过滤结果并跳转到您需要的代码。
将项目另存为模板
通过“ 工具”菜单中的新操作“ 另存为模板 ” ,您现在可以使用项目作为在IDE欢迎屏幕上创建新项目的基础。
所选文件类型的软包装
您现在可以在编辑器中为特定文件类型启用软包装。为此,请打开“首选项/设置”| 编辑| 常规并在软包装文件字段中指定文件类型。
猜你喜欢
- Office在2003版中增加了Document Imaging工具,用它可以查看、管理、读取和识别图像文档和传真文本。其实,利用它的这个功
- 应用场景将电影《泰坦尼克号》主题曲英文歌名"my heart will go on"快速在下图4种大小写显示形态之间进行
- 对于身份证大家肯定不会陌生,老式的15位号码,新一代18位。在Excel中经常需要根据身份证号码来提取一些信息,或者进行判断。光靠眼力去看,
- WPS是一款与Office办公软件功能相同的办公软件,其功能强大,受到广大用户的青睐。在使用WPS制作文档的时候,为了使内容有更强的阅读性,
- 有用户反映自己误将Office2016升级到了2019,使用起来非常不习惯,想问问小编,是否可以把Office2019降为2016版本?其实
- WPS筛选功能,是非常方便的工具,可以把满足条件的筛选出来,这极大的提高我们的工作效率,那么,怎样使用wps表格的自动筛选功能呢?下面就让小
- 如何利用Word批量生成邀请函?邀请函除了邀请对象不一样,邀请的模板都是一样的,大量的对象姓名你还在一个个复制到模板吗?小Q教你一招,一键批
- 很多网友在复制网页内容粘贴到wps中时会发现,得到的文字是附带有颜色、字体、粗细、行距和字号等格式属性。那么,有没有什么好的办法能够快速清除
- 在很多情况下,我们需要给Excel单元格添加批注信息,这样一来,读者可以更好的领略作者的意图,知道其意思,避免造成不必要的麻烦。那么Exce
- Ulysses 22更新了,此次都更新了哪些内容啊?Ulysses 22支持更新已发布博文,D22更大尺寸标题,改善其功能,适应最新的技术进
- 欢迎观看indesign教程,小编带大家学习 InDesign 的基本工具和使用技巧,了解如何在“图层”面板中创建新图层以组织文档中的内容。
- 不管是规划生活还是整理想法,不管是清单笔记还是会议记录,不管是行动指南还是时间管理,大纲都是快捷整理思维的神器。今天的分享就是XMind:
- 妙用WPS表格2007研究二次函数的图像和性质运用之妙存乎一心表格也玩动画秀--妙用WPS表格2007研究二次函数的图像和性质二次函数是初中
- 在excel表格中,经常需要使用趋势走势图,这是如何绘制的呢?对于常用Excel的朋友相信对这个功能相当熟悉了,下面随小编一起来学习exce
- 利用Excel提供的批注功能,可以为复杂的公式或特定的单元格添加批注,从而使别人更容易了解工作表中的内容,excel2003为单元格添加批注
- 本文首先给出两个常规的excel求乘积的链接,然后再例举了一个文字和数字在同一单元格里面的excel求乘积的公式写法。excel求乘积的方法
- 只要你的x轴数据为文本,那么使用折线图、柱状图都可以直接显示文字坐标。下面以Excel 2010为例进行演示:1、初始数据,注意月份作为x轴
- Excel中截取、替换字符串等登文本处理过程,会使用到FIND、SEARCH函数来精确定位。FIND函数和SEARCH函数的语法完全相同,主
- 许多用户在使用电脑的时候,经常会出现一些问题,而进入高级模式恢复却提示需要介质。那么什么是介质,又要怎么创建介质呢?下面小编就带着大家一起看
- Word如何制作表格?一般说到制作表格,我们都会想要使用EXCEL来制作,但在Word中也是可以制作表格的,那么应该如何操作呢?本期小编就来