WebStorm 2020.1 最新变化

外观

在过去的一年中，我们开发了一种字体，使您可以更舒适地编码，而眼睛不会过多疲劳。请热烈欢迎 JetBrains Mono – 一种专为开发者设计的新型开源字体。 WebStorm 2020.1 随附此默认选择的新字体。

我们添加了新的 Zen 查看模式，以帮助您完全专注于编码。每当您要在源代码居中且 UI 元素隐藏的全屏编辑器中工作以减少干扰时，都可以使用它。

您不必再显式调用文档弹出窗口。现在，当您将鼠标悬停在符号上时，它就会显示出来，因此您可以更快地找到相关文档。如果您的代码有问题，弹出窗口还将提供一个快速修复程序，可用于解决该问题。

是否曾经想使用 IDE 来快速编辑文件？使用新的 LightEdit 模式，您可以在文本编辑器窗口中打开单个文件，而不必加载整个项目。

如果您没有隐藏状态栏并经常使用它，则现在可以确定要在其上看到的内容。右键单击状态栏，然后删除不需要的元素。

在 WebStorm 2020.1 中，您将找到对使用 Vue 3 中的 Composition API 定义组件的支持。在组件的模板部分，IDE 将正确解析和自动完成从组件的 setup（） 函数返回的符号，包括属性在反应状态、计算属性和 refs。

如果您正在使用 Vuex 库，则现在在编辑 Vue 组件时会从 Vuex 存储中获得符号的补全建议。另外，WebStorm 将使您跳到 getter、突变和操作的定义。

为了帮助您使用 Ivy 和其他 Angular 9 功能，我们在 WebStorm 2020.1 中添加了对它们的全面支持。您无需配置即可在 TypeScript 和模板文件中使用代码补全和自动导入等功能。

通过将脱字符号放在组件上并按 Alt + Enter，为通过 React.memo 定义的组件添加导入语句。如果您在项目中使用 Material-UI 组件，现在在创建样式时会看到补全建议。

使用新的智能意图和检查 (Alt+Enter) 在编码时节省时间！例如，快速地将现有代码转换为可选链和/或空值合并 – 语法已在最新版本的 JavaScript 和 TypeScript 中引入。

对于 JavaScript 和 TypeScript，Documentation 弹出窗口现在会显示更多有用的信息，包括符号类型和可视性的详细信息以及定义符号的位置。

通过更新的 Introduce Field 重构，您可以查看正在使用的代码上下文中的更改预览。另外，现在只需较少的点击即可应用重构。

WebStorm 2020.1 捆绑附带了 TypeScript 3.8，并引入了对新 TypeScript 3.8 功能的全面支持，例如仅类型导入 / 导出、私有字段和顶级 await。

使用新的 Run on save for files 选项，您保存这些文件后，WebStorm 会将 Prettier 格式化应用到 IDE 设置中指定并在项目中编辑的所有文件。不再需要文件观察程序或第三方插件。

为了简化使用内置终端仿真器的工作，WebStorm 现在允许您垂直和水平拆分终端会话。关注当前使用的几种工具输出，而无需在标签页之间切换。

从 v2020.1 开始，WebStorm 将与 Grazie（我们的拼写、语法和样式检查工具）捆绑在一起。这将帮助您避免在添加注释，提交消息和 JavaScript 语言结构时出现语法错误。

有需要与您的项目一起工作的队友吗？与他们共享您的运行配置。 WebStorm 2020.1 赋予您更多的自由，因为您现在可以将运行配置存储在您选择的任何项目文件夹中。

我们扩展了在 WebStorm 2019.3 中引入的初始 Yarn 2 支持。现在，使用 Yarn 2 和即插即用模式安装依赖项时，所有符号都可以正确解析，并且可以在 TypeScript 项目中自动补全。

是否想使提交历史更加清晰易懂？多亏了更新的、更具交互性的变基提交对话框，这变得更加容易。它显示可以应用于每个提交的操作，并允许您查看提交详细信息和差异以及快速重置已应用的更改。

为了简化提交流程，我们开发了一个新的提交工具窗口，用于处理所有与提交相关的任务。默认情况下为所有新安装启用。如果您是现有用户，则会在模式提交对话框中看到提示，使您可以快速切换到新的 UI。