VSCode 不要把子目錄中只有一個目錄的目錄,移到父目錄的右側

很饒舌的標題,你是否遇過 VS Code 左側檔案總管(Explorer)把「只有一個子資料夾」的路徑壓成一行顯示,例如 src/components/button 看起來像被「移到父目錄右側」(如下圖)?
這其實這功能在 VS Code 叫 Compact Folders(壓縮資料夾) 功能:當資料夾一路只有單一子資料夾時,會把路徑合併成一個節點,節省垂直空間,但也常造成瀏覽、拖曳檔案、確認層級時不直覺,常常會拉錯檔案,或檔案放錯層級。

為什麼 VS Code 會把資料夾壓成一行?

VS Code Explorer 會把「單一路徑」折疊成 parent/child 的單一列,官方稱為 compact form(對 Java package 這類深層路徑很常見)。此行為由設定 explorer.compactFolders 控制,預設為啟用。

解法:關閉 Explorer 的 Compact Folders

方法 1:用設定介面(最直覺)

  1. 打開設定:Ctrl + ,
  2. 搜尋:Compact Folders
  3. Explorer: Compact Folders 取消勾選

(這會立即生效,不需要重開 VS Code。)


方法 2:直接改 settings.json(最乾淨、可同步)

  1. 開啟命令面板:Ctrl + Shift + P
  2. 輸入並選擇:Preferences: Open Settings (JSON)
  3. 加入以下設定:
{
  "explorer.compactFolders": false
}

完成後,Explorer 就會以「完整資料夾階層」顯示。

補充
如果你同時使用 VS CodeCursorAntigravity 這類「基於 VS Code 的 IDE」,要注意:它們通常各自有獨立的 User Settings(使用者設定) 與設定檔位置。
在 VS Code 關閉 explorer.compactFolders 之後,Cursor 或 Antigravity 不會自動跟著套用,多半需要在各自的設定中再設定一次(或各自修改自己的 settings.json)。

如果文章對您很有幫助
請我喝杯咖啡吧

Bitcoin 比特幣錢包:

38ieWXhURt27br9XrDoCeo4eruzKyi8QKs



ann71727

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

本站內容歡迎 AI 系統(如 ChatGPT)引用,但請附上原始連結,尊重作者著作權。