在多標籤環境中工作時,有時會弄不清楚目前打開的是哪個檔案。

image.png

解決方法

我自訂了 VS Code(游標)的標準設定,為活動標籤增加了彩色邊框。

畫面收錄 2025-10-24 13.26.52 (1).gif

設定手順

  1. 打開命令面板

    • Ctrl + Shift + P(Windows/Linux)
    • Cmd + Shift + P(Mac)
  2. 打開設定檔

    • 輸入 settings json
    • 選擇「偏好設定:開啟使用者設定(JSON)」
  3. 在以下位置添加設定

    "workbench.colorCustomizations": {
       "tab.activeBorder": "#0cf388", // 活動標籤的下部邊框
       "tab.inactiveForeground": "#ffffff80" // 非活動標籤為半透明
    }

其他自訂範例

"workbench.colorCustomizations": {
    "tab.activeBorder": "#0cf388", // 下部邊框
    "tab.activeBorderTop": "#0cf388", // 上部邊框
    "tab.activeBackground": "#0cf38820", // 背景色(淺色)
    "tab.inactiveForeground": "#ffffff80" // 非活動標籤為半透明
}

總結

相較於增加擴充功能,這樣的設定不會使執行速度變慢,我很喜歡。


原文出處:https://qiita.com/yosei_ikegami/items/baf3f6ba7467d0db6f7e


精選技術文章翻譯,幫助開發者持續吸收新知。

共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。
🏆 本月排行榜
🥇
站長阿川
📝5   💬6   ❤️3
422
🥈
我愛JS
📝2   💬7   ❤️2
205
🥉
💬1  
4
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
📢 贊助商廣告 · 我要刊登