🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付

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

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 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。
🏆 本月排行榜
🥇
站長阿川
📝27   💬3   ❤️6
632
🥈
我愛JS
📝1   💬8   ❤️1
68
🥉
御魂
💬1  
4
評分標準:發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正/微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付