新增, 個人常用

• 按 Ctrl + Shift + P 打開命令面板

• 輸入并選擇 :

• Developer: Toggle Developer Tools

• 打開開發者工具。

1. 起因， 目的:

• 問題： vscode 左側的文字太小了！！！
• 我最火的一篇文章，寫的就是這個問題。 看來這個問題，是很廣泛的一個痛點。
• 我最近更新了 vscode， 這個問題又出現了。再來搞一下。
• 編程工具很關鍵的。個人的工具，美觀，實用，提升效率， 防止火爆脾氣。

2. 先看效果

此時能實現，左側和右邊的文字一樣大。

3. 過程:

• 詳細聊天過程，修改步驟， 在這里。

3.1 vscode 修改左側導航欄的文字大小

個性化設置

1. 安裝 “Custom CSS and JS” 擴展（如果尚未安裝）。

2. ctrl + shift + p，運行:

   Enable Custom CSS and JS
   啟用自定義樣式, 這一步，很關鍵！后面修改之后 css 之后，也是再來一遍。

3. ctrl + shift + p, 輸入 settings.json

4. 找到自定義的 css 文件， 沒有的話，就新建一個

     "vscode_custom_css.imports": ["file:///C:/Users/Administrator/custom-vscode.css"],
   

5. 這個 css 寫上：

   /* 調整左側導航欄（Explorer）的字體大小 *//* 原來的寫法 */
   /* 聊天記錄: https://x.com/i/grok?conversation=1928671798994022793   *//* vscode 更新之后，新的的寫法 *//* 調整左側導航欄（資源管理器）中文件和文件夾名稱的字體大小 */
   .monaco-workbench .part.sidebar .monaco-list .monaco-list-row .monaco-highlighted-label {font-size: 21px !important;
   }

6. 最后，還是這個， ctrl + shift + p，運行:

   Enable Custom CSS and JS
   啟用自定義樣式, 這一步，很關鍵！后面修改之后 css 之后，也是再來一遍。

7. 成功之后， 會出現一個警告。 請點擊： 下次不要再彈出來了。

4. 結論 + todo

• 如果無法實現，請從頭到尾再試一遍。
• 過程雖然有點麻煩，但是是值得的。

---

希望對大家有幫助。