之前有段时间,新买都mac在编译都时候卡死了,是vscode的原因,在此总结一下
项目架构:
React+TS+redux
设备及软件:
设备: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
}
其中,"**/node_modules": true,控制文件夹的显示和隐藏,隐藏以后每次搜索的时候就不用搜一遍,性能会好些,但是如果你需要查看这个文件夹,可以改为false
解决结果:
1.CPU和内存占用大量下降,内存会降到一个Code Helper进程占用200多M。
2.编译时间小幅度缩减
3.运行项目后,浏览器页面卡顿感明显消失
引发原因:
以下原因为去gitGub上看了下VSCode出现这个问题的讨论总结
1.由某些插件引发的问题,可以尝试禁用所有的VSCode插件再次尝试
2.由于TS引用某些包或者插件导致