工欲善其事，必先利其器。
今天webstorm推送了2020年的第一个版本更新，上手体验了一波，新版本更新的东西还是蛮不错的，接下来就跟大家分享下这次新版本都有哪些新特性，欢迎各位感兴趣的开发者阅读本文🤗
新特性一览
- 新字体JetBrains Mono
在过去的一年中，webstorm官方开发了一种字体，号称可以更舒适地编码，并且眼睛不会过多疲劳。我们这次更新的版本中默认存在这个字体。
这里我采用之前版本中一直使用的Menlo字体和JetBrains Mono进行下对比（第一张图为Menlo字体，第二张图为JetBrains Mono字体）
我觉得新字体更好看一点😃
- 鼠标悬停快速显示文档
新版中想要查看一个库的使用方法以及文档，只需要将鼠标悬停在要查看的方法上，便会自动显示当前方法的相关使用文档，效果如下图所示。
- 使用webstorm快速编辑一个文件
新版本更新后，在需要打开的文件右键选择webstorm即可快速打开这个文件，不用加载整个项目，运行速度得到了很大的提升。
- 使用 Composition API
在新版本中，提供了Vue 3 中的 Composition API 定义组件的支持，在组件的模板部分，IDE 将正确解析和自动完成从组件的 setup（） 函数返回的符号，包括属性在反应状态、计算属性和 refs。
- Vuex 的编码辅助
在使用 Vuex 库时，在编辑 Vue 组件时会从 Vuex 存储中获得符号的补全建议。 另外，WebStorm 将使您跳到 getters, mutations, and actions.
- 对Angular 9提供了完美支持
- 增强代码检查的智能提示
使用新的智能意图和检查（Alt + Enter）可以节省编码时的时间
例如，快速将现有代码转换为可选的链接和/或无效合并（最新版本的JavaScript和TypeScript中引入的语法）。
- 更有帮助的快速文档
对于JavaScript和TypeScript，“文档”弹出窗口现在显示更多有用的信息，包括有关符号类型和可见性以及该符号定义位置的详细信息。
- 支持TypeScript 3.8特性
WebStorm 2020.1附带了TypeScript 3.8，并引入了对新TypeScript 3.8功能的完全支持，例如 type-only imports/exports, private fields, and top-level await.
- 在保存时使用Prettier格式化代码
在旧版本中，我们想要实现这个功能，只能自己去配置File watchers来实现，而在新版中新增了这个配置项，我们只需要在webstorm的配置中启用就行。
- 并列显示终端
为了更容易地使用内置的终端模拟器，WebStorm现在允许您垂直和水平地分割终端会话。密切关注当前正在使用的几个工具的输出，而不需要在选项卡之间切换。
至此，新特性就为大家讲解完成了，如需阅读原文请移步: What’s new in WebStorm 2020.1
获取更新
讲了那么多新特性，大家是否已经迫不及待想更新了呢？接下来就教大家如何从旧版本升级到新版本。
- 如图所示，在webstorm菜单栏下选择检查更新
- 选择UPDATE AND RESETART(更新并重启)
- 下载所需文件中...
- 更新中...
- 更新成功，重启中...
- 由于我使用了Material Theme UI这个主题，这次更新后，主题插件与webstorm不兼容，所以报错
- 升级Material Theme UI，解决报错问题
- 插件升级成功
- 此时我们发现控制台有个提示：让我们安装Material Theme的图标，新版本的插件中默认没有携带图标，我们点击链接来安装它。
- 如图所示，点击链接后会在浏览器打开一个链接，我们点击 Install to Ide
- 此时我们回到webstorm，发现弹出了安装提示，我们点 OK
- 下载插件中...
- 安装成功
至此WebStorm 2020.1就升级完成了，如果你是第一次使用webstorm，请移步官网下载安装包，安装即可。
写在最后
- 文中使用的部分图片源自webstorm官网，如若侵权，请评论区留言，作者立即删除相关图片。
- 文中如有错误，欢迎在评论区指正，如果这篇文章帮到了你，欢迎点赞和关注😊
- 本文首发于掘金，未经许可禁止转载💌
