改善WebStorm性能

如何提高WebStorm的性能

如果你电脑配置紧张或者参与大型项目,本文特别有用。如果你已经尝试过这些提示,但WebStorm仍然很慢,请向JetBrains报告性能问题。

增加内存

通过IDE增加内存

  1. 按两次Shift键,搜索 Change Memory Settings 进入内存设置对话框,可以在其中调整限制。确保不要过度使用——4GB应该就足够了。
  2. 保存并重启WebStorm。
    修改内存为4G

通过工具箱增加内存

  1. 打开Toolbox,单击WebStorm安装旁边的三个点,然后选择Settings。
    设置
  2. 转到配置(Configuration)部分,在最大内存(Maximum heap size)字段中设置一个新值,如下所示。在大多数情况下,将其设置为4GB应该就足够了。
    修改内存大小
  3. 保存并重启WebStorm。

额外提示:打开内存指示器

可以通过启用内存指示器来检查性能下降是否是由内存不足引起的。
右键单击WebStorm状态栏的右下角,然后从列表中选择内存指示器(Memory Indicator)。
打开内存指示器

加快索引速度

索引是WebStorm智能化的关键。它负责所有核心功能,如代码补全、代码质量分析、导航、语法高亮显示、代码重构。如果处理大型文件或项目,WebStorm的索引可能会变得缓慢。以下操作可以帮助加快速度。

排除目录和文件

如果你排除一个文件或文件夹,它仍然是项目的一部分,但WebStorm不再对其进行索引。查看你的项目,看看是否有任何东西可以排除在索引之外。我们建议排除任何动态生成的文件,如:编译输出文件夹。

  • 要排除文件,请在“项目(Project)”工具窗口中右键单击该文件,然后选择“Override File Type | Plain text”。
  • 要排除文件夹,请在“项目(Project)”工具窗口中右键单击它,然后选择“将目录标记为|排除(Mark Directory as | Excluded)”。

使用共享索引

所有JetBrains IDE,包括WebStorm,都内置了共享索引插件。它的主要目标是减少IDE的总体索引时间和CPU使用率,因此请确保在“Settings | Plugins”的“Installed”选项卡上启用了Shared Project Indexes插件。
启用插件

更改文件高亮显示级别

默认情况下,WebStorm会在你输入代码时进行分析,并高亮显示当前文件中发现的所有问题。如果你的文件很大,这可能会使WebStorm有点缓慢。在这种情况下,可以暂时将高亮显示级别从“所有问题(All Problems)”更改为“语法(Syntax)”或“无(None)”。完成后别忘了重新打开它,以免错过任何重要提示!
设置高亮级别

禁用不需要的功能

互联网上有很多提示,建议关闭哪些功能来提高WebStorm的性能。虽然其中一些确实有帮助,但要小心。可能会意外禁用一些基本功能,会让使用体验变得更糟。以下这些内容可以安全地尝试禁用。

代码概览(Code Vision)

Code Vision显示了有关代码的其他信息,从而更容易跟踪各种类、方法、类型别名和接口的使用情况。在大型项目中,此功能可能会占用大量资源。可以尝试在“Settings | Editor | Inlay Hints > Code vision”中关闭。可以把嵌套的选项也同时禁用。
代码概览

未使用的全局符号检查

与Code Vision一样,此功能也会影响WebStorm的性能。可以转到“Settings | Editor | Inspections”,找到“未使用的全局符号检查(Unused global symbol)”,取消选中。
未使用的全局标识符检查

你用不到的内置插件

WebStorm包括预安装的插件,为许多不同的技术提供支持。这些插件支持我们大多数用户的应用场景,但你不需要的插件可以禁用。

  1. 打开“设置”对话框(Ctrl+Alt+S),然后转到“插件(Plugins)”。
  2. 切换到“已安装(Installed)”选项卡,查看在WebStorm中安装的插件列表。
  3. 如果想只查看内置插件,点击三点图标,选择bundled过滤器。
    查看内置插件

动态模板

WebStorm内置了一些代码片段,称之为动态模板,可以快速添加经常使用的代码片段。可以在“Settings | Editor | Live Templates”下禁用不使用的模板。
动态模板

Emmet

Emmet是一种快速编写 HTML、XML、CSS 等代码的高效工具。如:输入table>tr*3>td*2,按tab键,就能生成3行2列的表格HTML代码。
如果你不经常使用Emmet,你也可以在WebStorm中禁用它。选择菜单“Settings | Editor | Emmet”。
禁用Emmet

报告性能问题

如果经过上述设置,还是特别慢,可以向JetBrains反馈问题。
选择菜单“Help | Collect Logs and Diagnostic Data”,生成WebStorm日志。

收集CPU使用情况

  1. 在主菜单中,选择“Help | Diagnostic Tools | Start CPU Usage Profiling”开始记录CPU使用情况。
  2. 重复你存在问题的操作。
  3. 返回主菜单,选择“Help | Diagnostic Tools | Stop CPU Usage Profiling”停止记录CPU使用情况。
  4. 收集捕获的快照,与压缩日志文件夹一起提交。
  5. 如果文件太大,无法与问题一起提交,请自行上传并提供下载链接。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

四荒八极

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值