Kurt/解決 zsh 在 vscode 裡面圖示顯示問題

Created Thu, 01 Sep 2022 20:26:13 +0800 Modified Wed, 02 Nov 2022 05:33:26 +0000

解決 zsh 在 vscode 裡面圖示顯示問題

問題

我安裝了 zsh 並且使用 powerlevel10k 這個主題,也安裝了官方推薦使用的 MesloLGS 字體,明明在 iTerm 顯示都很正常,但是使用 vscode 打開 terminal 卻又發現圖示沒有正確顯示,大概長得像下面這樣:

Broken icon in vscode

上網查了資料才發現原來是 terminal 的字體沒設定的關係,詳細請看 icons don’t display in VS code integrated terminal after setting terminal.integrated.fontFamily

解決方式

解決方式很簡單~ 我也是看上面那個 issue 人家的解答步驟照做的

  1. 打開 vscode settings,在 windows、linux 上是按 ctrl + ,,在 mac 上是按 command + ,

    不熟悉快捷鍵的人也可以在左下角找到齒輪的按鈕 > Settings,即可打開

  2. 打開 settings 頁面後,在搜尋的地方打 terminal.integrated.fontfamily,你就會看到如下畫面: vscode settings terminal.integrate.fontfamily

  3. 在 Terminal > Integrated:Font Family 的地方加入 MesloLGS NF 字體設定,解決啦~~~ setting mesloglgs font