Code HelperVSCode — Code Helper 佔用 CPU 資源問題解決

為了開啟前端職涯的新征程,在 2022 年末入手了一台 M1 版的 Mackbook Air,其實在購買前就已經事先爬過文看看是否會有前後端開發上的問題,因為新版本的 Air (M1, M2) 在機身上已經捨棄了風扇的功能,靠的是 Apple 自家晶片整合 macOS 來高效能來解決發熱問題,但在 VSCode 開發上還是讓我給遇到了 👀。

隨即上網查了一下相關討論,可參考此篇 github 討論串及以下附圖,的確在開發時,有個叫 Code Helper 的進程佔滿了 CPU 的執行,而該進程就是 VSCode 在執行的。

Code Helper 讓 CPU 使用率過高
Code Helper 讓 CPU 使用率過高

在解決過程中我嘗試移除所有的外掛,甚至將 auto save 關閉,關閉其他應用程式等,都無法解決該問題(心想不是吧才剛換台 Mac 就遇到坑…),後來找到一個討論說是把 VSCode Settings 的 JSON 檔加入一些設定就好,

那麼 VSCode Setting 的 JSON 設定在哪呢?

當時為了找這個 JSON 設定檔花了我不少時間(抱歉我新手工程師),首先在 VSCode 裡點選左下角齒輪 icon,點選 Settings 就會進到以下畫面,接著點選右上角黃色方框 icon (Open Settings (JSON)),就可以進到 Settings.JSON 畫面了。

Settings 畫面
Settings 畫面

進到 Setting.JSON 畫面後,只需要加入以下程式碼,就可以解決 Code Helper 一直背景執行導致電腦發熱問題囉!

"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
},

更改 Settings.JSON 內容
更改 Settings.JSON 內容

最後再回到活動監視器查看,就會發現 Code Helper 已經不這麼佔 CPU 進程了囉 👏 👏 👏。

Code Helper Bye~
Code Helper Bye~