Code Helper占用大量CPU和内存

转载已于 2025-03-05 16:18:44 修改 · 856 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/suihang/p/11946434.html

文章标签：

#vscode

于 2025-03-05 16:17:54 首次发布

原文链接：https://www.cnblogs.com/suihang/p/11946434.html

项目架构：

React+TS+DVA

设备及软件：

设备：Mac

软件：VSCode

场景：

在Mac中使用VSCode运行时发现项目编译非常卡顿，时间长达五六分钟以上，并且项目启动后访问页面，页面也会有明显的卡顿。

初步检查：

打开活动监视器发现Code Helper启动了好几个，并且长时间占用非常高的CPU及内存（CPU超过100%，1个Code Helper进程占用1个多G内存）

解决方案：

将以下代码插入到VSCode的setting.json中去，并退出重新启动VSCode和项目

"search.followSymlinks": false
 "files.exclude": {
    "**/.git": true,
    "**/.svn": true,
    "**/.hg": true,
    "**/CVS": true,
    "**/.DS_Store": true,
    "**/tmp": true,
    "**/node_modules": true,
    "**/bower_components": true,
    "**/dist": true
  },
  "files.watcherExclude": {
    "**/.git/objects/**": true,
    "**/.git/subtree-cache/**": true,
    "**/node_modules/**": true,
    "**/tmp/**": true,
    "**/bower_components/**": true,
    "**/dist/**": true
 }

解决结果：

1.CPU和内存占用大量下降，内存会降到一个Code Helper进程占用200多M。

2.编译时间小幅度缩减

3.运行项目后，浏览器页面卡顿感明显消失

（下图为优化后的内存占用）
在这里插入图片描述

引发原因：

以下原因为去gitGub上看了下VSCode出现这个问题的讨论总结

1.由某些插件引发的问题，可以尝试禁用所有的VSCode插件再次尝试

2.由于TS引用某些包或者插件导致

个人更倾向于第二种原因，因为其他项目并没有出现这个问题，只有两个用了TS的项目出现这个问题，编译巨慢，页面卡顿，具体内部原理未知，待解决

可以去gitHub上看下关于这个问题的一些讨论

https://github.com/Microsoft/vscode/issues/11963
https://github.com/microsoft/vscode/issues/11096#issuecomment-274879938
https://github.com/microsoft/vscode/issues/51776