提高 WebStorm（和其他 JetBrains IDE）的性能

你用过 WebStorm 吗？PHPStorm 或者 JetBrains 套件中的任何 IDE 又怎么样？它们是一个令人印象深刻的 IDE 集合，功能丰富——集成终端、本地历史记录和 VCS 集成、“智能”导入等等。

但是，这些功能是否需要付出代价呢？当然。

WebStorm 和其他 JetBrains IDE 的性能与 Web 社区中流行的轻量级文本编辑器相比相形见绌。Visual Studio Code和Atom就是其中的佼佼者。

别害怕！有解决办法。

但首先，让我们为那些不熟悉 IDE 的人回顾一下。

什么是 WebStorm？

WebStorm是一款流行且功能强大的 Web 开发 IDE。它是JetBrains（前身为IntelliJ）开发的众多 IDE 之一。这些 IDE 旨在为各种流行的编程语言提供极致的开发环境。

其他 JetBrains IDE 包括用于 PHP 的PHPStorm 、用于 Java 的IntelliJ IDEA 、用于 Python 的PyCharm和用于 C# 的ReSharper（作为Visual Studio扩展）等。

即使是Android Studio（严格来说，它是一款Google IDE）也能在 IntelliJ 平台上运行。因此，本文探讨的大部分优化都可以迁移到其他 JetBrains IDE。

但是，正如我们提到的，尽管 WebStorm 是目前最强大的 IDE 之一，但它的性能却并非最强。事实上，在老旧的机器上，它甚至可能成为“机器杀手”。

让我们探索如何通过调整开箱即用的设置来增加 WebStorm 的加载时间和性能。

优化 WebStorm 的性能

设置配置文件

我们将首先自定义 WebStorm 目录中的几个设置。

但首先，为了自定义 WebStorm 设置，我们需要创建一些配置文件。我们将创建两个配置文件：idea.properties和webstorm.vmoptions。

要创建这些文件，请打开 WebStorm 并转到帮助。

选择“编辑自定义属性…”。将出现一个对话框，提示该idea.properties文件不存在。

点击“是”创建。文件将会打开。现在您可以添加配置设置。此文件用于自定义 WebStorm 属性。

要创建其他文件，请再次转到“帮助”并选择“编辑自定义 VM 选项...”。

将出现一个对话框提示该webstorm.vmoptions文件不存在。

点击“是”创建一个。文件将会打开。现在您可以添加配置设置。此文件用于自定义 WebStorm 虚拟机选项。

为了将来参考，可以在以下目录中找到这些文件：

Windows 7 / 8 / 10 -<SYSTEM DRIVE>\Users\<USER ACCOUNT NAME>\.<PRODUCT><VERSION>

OS X / macOS -~/Library/Preferences/<PRODUCT><VERSION>

提高性能

现在我们的配置文件已经设置好了，我们可以更改 WebStorm 的设置来优化性能。

首先，让我们更改webstorm.vmoptions文件中的某些选项。

打开新创建的文件，选择所有选项并将其替换为以下代码片段：

-Xms1024m 
-Xmx1536m 
-XX:MaxPermSize=1024m 
-XX:ReservedCodeCacheSize=512m 
-XX:+UseCompressedOops 

接下来，我们将使用zero-latency2015 年推出的实验性属性来消除 IDE 延迟。

为此，请将以下行添加到您的idea.properties文件中：

editor.zero.latency.typing=true

我们将通过取消不必要的功能来全面优化 WebStorm 的使用。这样做可以减少功能膨胀并增加系统内存。

外观和行为

首先，让我们在外观和行为偏好设置中禁用自动更新检查和统计发送。

为此，请转到“首选项”并选择“外观和行为”。

然后前往“系统设置”，选择“更新”选项卡。在这里，取消选择“自动检查更新…”

接下来，从系统设置中选择菜单“数据共享”，然后取消选择发送使用情况统计信息。

编辑

现在，让我们更改编辑器首选项中的某些设置。

在“首选项”中，转到“编辑器”选项卡，然后选择“实时模板”。取消选择所有不使用的模板。

Emmet是一个有助于改善 HTML 和 CSS 开发工作流程的 IDE 插件。

这是一个很棒的插件，但它带有许多未使用的选项并浪费宝贵的系统内存。

要删除这些不必要的选项，请转到“编辑器”选项卡并选择Emmet。浏览 CSS、JSX 和 HTML 选项，并取消选择任何不使用的选项。

Intentions是 JetBrains 应用程序系列的一项强大功能。它会在您编写代码时实时检测到问题，并给出解决方案建议。

但是，WebStorm 默认勾选了“意图”首选项窗口中的所有选项。您不太可能会用到列出的所有技术/语言，因此请取消选中您不需要的选项。

要取消选择这些选项，请转到“编辑器”选项卡，选择“意图”。再次取消选择任何不适用的语言和技术。

插件

快完成了。接下来，我们来摆弄一下插件。

在“首选项”中，转到“插件”选项卡。

默认情况下，所有本机插件都将被启用。

您不太可能会用到所有插件。请滚动浏览并取消选择那些不适用于您所使用的语言和技术的插件。

目录

在启动过程中，WebStorm 会加载项目内的所有目录（文件夹）。然而，有些目录，尤其是像node_modules目录这样的供应商目录，可能永远不会在 WebStorm 中被触及。加载这些目录会浪费宝贵的资源。

要禁用未使用的目录，请在“首选项”中转到“目录”，并将未在 WebStorm 中编辑的任何目录设置为Excluded。

语言和框架

在“首选项”中，转到“语言和框架”>“JavaScript”>“库”，然后取消选择任何未使用的库。

如果您没有使用Compass从 Sass 生成 CSS 文件，请确保“启用 Compass 支持”未启用。为此，请前往“语言和框架”>“Compass”。

工具

Web 浏览器部分用于快速将您的项目启动到启用的浏览器中。

如果您不使用此功能，请禁用它。具体操作如下：在“偏好设置”中，前往“网页浏览器”，然后取消选择所有浏览器，只保留您选择的浏览器。

结论

就这样吧。

现在我们已经成功清理了 WebStorm，您会发现启动时间和总体性能明显提高，因此您可以专注于重要的事情：Web 开发。

来源

• 通过这些自定义功能让 WebStorm 变得更好 - Victor Savkin，FreeCodeCamp
• 如何加速 WebStorm - StackOverflow
• 文件“idea.properties” - JetBrains 文档