Code Helper占用大量CPU和内存

时间：2024-02-01 20:51:42

项目架构：

　　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

　　

相关文章