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

Jan 20, 2023

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

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

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

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

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

進到 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
    },

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

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

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

Written by MuseSheng