WebStorm 2019 for mac是一款非常伟大的JavaScript开发工具，提供JavaScript和编译到JavaScript语言，Node.js，HTML和CSS的智能编码辅助。在JavaScript和TypeScript、框架、HTML和样式表、测试、工具、IDE等方面进行了更新和改进，大大提高了程序的性能，WebStorm目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。

参考地址：JetBrains WebStorm 2019 for mac

mac多功能集成开发WebStorm 2019功能介绍

1.JavaScript和TypeScript

新的检查工具提示新的检查工具提示现在不仅显示错误或警告的描述，而且还显示最佳的快速修复。按Alt-Shift-Enter应用它或按Alt-Enter 查看WebStorm在那里提供的可用自动修复的完整列表。

查找未使用的代码使用新的代码覆盖功能，您可以在客户端应用中找到任何未使用的代码。在WebStorm中启动覆盖范围的JavaScript调试配置，在Chrome中与您的应用进行交互，然后停止配置。该报告将显示每个文件和文件夹中使用的代码和数量。

新意图为了在使用JavaScript和TypeScript时提高工作效率，WebStorm 在按Alt-Enter时有许多新意图。这里只是其中的一些：实现接口，创建派生类，实现一个接口或抽象类的成员，生成的“开关”的情况下，并用“for..of”迭代。

TypeScript改进WebStorm现在支持最新的TypeScript 2.9和即将发布的TypeScript 3.0版本中添加的所有新语言功能。除此之外，WebStorm现在提供了更多由TypeScript语言服务本身提供的快速修复，例如来自JSDoc的Annotate类型。

2.构架

提取并转换React组件需要将React组件重构为两个？忘记复制和粘贴：在render方法中选择JSX代码并使用Refactor - Extract Component。有了新的意图，您现在可以将React类组件转换为功能组件，然后再返回。

与Angular CLI的新集成使用New ... |为您的应用添加功能 角度依赖......行动。IDE将使用Angular CLI ng add命令安装依赖项并使用特殊安装脚本更新应用程序。您现在还可以使用库中定义的Angular示意图生成代码，例如 @angular/material使用New ... | 角度示意图...行动。

完成Vue.js中的活动在Vue模板中，WebStorm现在为事件提供代码完成。在v-on:使用简写表示法之后或之后建议使用事件名称@event。还有事件修饰符的代码完成。

3.测试

重新运行测试失败当您在WebStorm中使用Karma，Jest或 mocha运行测试时，您现在可以仅重新运行失败的测试，而不是在您进行修复后运行所有测试。

Jest快照的差异视图如果您的Jest测试由于快照不匹配而失败，您现在可以看到为什么使用熟悉的IDE 并排差异视图。现在，通过单击编辑器中测试旁边的新图标，可以快速从测试文件跳转到相关快照。

4.工具

在WSL上支持Node.js.您现在可以在Windows Subsystem for Linux上使用Node.js来运行和调试 WebStorm中的Node.js应用程序以及IDE中的所有其他开发任务，例如运行测试，使用linters和构建工具。

重新连接Node.js调试器由于Attach to Node.js / Chrome 调试配置中新的自动重新连接选项，现在可以更轻松地调试使用nodemon的Node.js应用程序。在更改后重新加载节点进程时，您无需自行重新启动调试器以继续调试。

全球文件观察者您现在可以将已配置的文件监视器存储在IDE设置中，并在不同的项目中使用它们。以前，只能为特定项目配置文件监视器。使用文件监视器，您可以在IDE中更改或保存文件时自动运行命令行工具。