目录
如何提高WebStorm的性能
如果你电脑配置紧张或者参与大型项目,本文特别有用。如果你已经尝试过这些提示,但WebStorm仍然很慢,请向JetBrains报告性能问题。
增加内存
通过IDE增加内存
- 按两次Shift键,搜索 Change Memory Settings 进入内存设置对话框,可以在其中调整限制。确保不要过度使用——4GB应该就足够了。
- 保存并重启WebStorm。
通过工具箱增加内存
- 打开Toolbox,单击WebStorm安装旁边的三个点,然后选择Settings。
- 转到配置(Configuration)部分,在最大内存(Maximum heap size)字段中设置一个新值,如下所示。在大多数情况下,将其设置为4GB应该就足够了。
- 保存并重启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包括预安装的插件,为许多不同的技术提供支持。这些插件支持我们大多数用户的应用场景,但你不需要的插件可以禁用。
- 打开“设置”对话框(Ctrl+Alt+S),然后转到“插件(Plugins)”。
- 切换到“已安装(Installed)”选项卡,查看在WebStorm中安装的插件列表。
- 如果想只查看内置插件,点击三点图标,选择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”。
报告性能问题
如果经过上述设置,还是特别慢,可以向JetBrains反馈问题。
选择菜单“Help | Collect Logs and Diagnostic Data”,生成WebStorm日志。
收集CPU使用情况
- 在主菜单中,选择“Help | Diagnostic Tools | Start CPU Usage Profiling”开始记录CPU使用情况。
- 重复你存在问题的操作。
- 返回主菜单,选择“Help | Diagnostic Tools | Stop CPU Usage Profiling”停止记录CPU使用情况。
- 收集捕获的快照,与压缩日志文件夹一起提交。
- 如果文件太大,无法与问题一起提交,请自行上传并提供下载链接。