身為一個每天對著 VS Code工作 超過 8 小時的社畜,我一直有個心病...
就是左邊那個檔案列表真的好擠!尤其是專案圖片一多的時候,沒點開根本不知道哪張是哪張。加上我從 Mac 換到 Windows 後,發現 VS Code 沒辦法像系統那樣流暢地雙向拖曳檔案,這對強迫症來說真的很痛苦。
所以,我趁著下班(還有摸魚)的時間,自己弄了一個 Extension:
✨ Better File Directory ✨
主要解決的痛點:
✅圖片縮圖: 檔案變成大網格卡片,圖片直接預覽,找素材不用再通靈。
✅視覺化管理: 支援拖放、複製貼上,讓管理檔案像在用電腦資料夾一樣直觀。( 目前支援模組內檔案拖曳,關於ux 的體驗未來再慢慢更新上去!
✅高顏值圖示: 支援 Material Design 圖示,畢竟 Code 寫不出來,介面還是要好看。
開發的心路歷程😯:
這目前還算是一個實驗性的小工具,內部的 Code 還沒時間寫得很 Clean(能動就好哈哈,能跑就是好 Code )。
未來打算加的功能(畫餅中):
檔案搜尋跟篩選。
一鍵輸出樹狀文字圖: 準備給 AI 當 Prompt 用,這樣 ChatGPT 才會知道你整個專案的架構。
之後可能也會考慮用 React或Vue 重新把程式碼跟 UI 磨得更精緻一點。
如果大家也覺得 VS Code 內建的檔案管理不夠直觀,歡迎下載來玩玩看!
有任何 Bug 或是想許願的功能歡迎留言,也跪求大家去 Marketplace 幫我刷個五星好評,給社畜一點更新的動力 🥹
傳送門:#vscode #工程師 #碼農 #側專案 #BetterFileDirectory


