WebStorm 2020版新特性VS如何从旧版升级到新版本

新特性一览

• 新字体JetBrains Mono

在过去的一年中，webstorm官方开发了一种字体，号称可以更舒适地编码，并且眼睛不会过多疲劳。我们这次更新的版本中默认存在这个字体。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

这里我采用之前版本中一直使用的Menlo字体和JetBrains Mono进行下对比（第一张图为Menlo字体，第二张图为JetBrains Mono字体）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

我觉得新字体更好看一点?文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

• 鼠标悬停快速显示文档

新版中想要查看一个库的使用方法以及文档，只需要将鼠标悬停在要查看的方法上，便会自动显示当前方法的相关使用文档，效果如下图所示。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

• 使用webstorm快速编辑一个文件

新版本更新后，在需要打开的文件右键选择webstorm即可快速打开这个文件，不用加载整个项目，运行速度得到了很大的提升。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

• 使用 Composition API

在新版本中，提供了Vue 3 中的 Composition API 定义组件的支持，在组件的模板部分，IDE 将正确解析和自动完成从组件的 setup（） 函数返回的符号，包括属性在反应状态、计算属性和 refs。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

• Vuex 的编码辅助

在使用 Vuex 库时，在编辑 Vue 组件时会从 Vuex 存储中获得符号的补全建议。 另外，WebStorm 将使您跳到 getters, mutations, and actions.文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

• 对Angular 9提供了完美支持
• 增强代码检查的智能提示

使用新的智能意图和检查（Alt + Enter）可以节省编码时的时间文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

例如，快速将现有代码转换为可选的链接和/或无效合并（最新版本的JavaScript和TypeScript中引入的语法）。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

• 更有帮助的快速文档

对于JavaScript和TypeScript，“文档”弹出窗口现在显示更多有用的信息，包括有关符号类型和可见性以及该符号定义位置的详细信息。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

• 支持TypeScript 3.8特性

WebStorm 2020.1附带了TypeScript 3.8，并引入了对新TypeScript 3.8功能的完全支持，例如 type-only imports/exports, private fields, and top-level await.文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

• 在保存时使用Prettier格式化代码

在旧版本中，我们想要实现这个功能，只能自己去配置File watchers来实现，而在新版中新增了这个配置项，我们只需要在webstorm的配置中启用就行。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

• 并列显示终端

为了更容易地使用内置的终端模拟器，WebStorm现在允许您垂直和水平地分割终端会话。密切关注当前正在使用的几个工具的输出，而不需要在选项卡之间切换。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

至此，新特性就为大家讲解完成了，如需阅读原文请移步: What’s new in WebStorm 2020.1文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

获取更新

讲了那么多新特性，大家是否已经迫不及待想更新了呢？接下来就教大家如何从旧版本升级到新版本。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html

• 如图所示，在webstorm菜单栏下选择检查更新
  

  

• 选择UPDATE AND RESETART(更新并重启)
  

  

• 下载所需文件中...
  

  

• 更新中...
  

  

• 更新成功，重启中...
  

  

• 由于我使用了Material Theme UI这个主题，这次更新后，主题插件与webstorm不兼容，所以报错
  

  

• 升级Material Theme UI，解决报错问题
  

  

• 插件升级成功
  

  

• 此时我们发现控制台有个提示：让我们安装Material Theme的图标，新版本的插件中默认没有携带图标，我们点击链接来安装它。
  

  

• 如图所示，点击链接后会在浏览器打开一个链接，我们点击 Install to Ide
  

  

• 此时我们回到webstorm，发现弹出了安装提示，我们点 OK
  

  

• 下载插件中...
  

  

• 安装成功
  

  

至此WebStorm 2020.1就升级完成了，如果你是第一次使用webstorm，请移步官网下载安装包，安装即可。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/19336.html