🌳
免費ASCII 樹形圖產生器
將縮排列表轉為整潔的資料夾樹（├── └──），適合 README 和文件。支援 Unicode 或純 ASCII 輸出。完全在瀏覽器中執行。
載入後可離線使用
匯入選項
預設跳過 node_modules、.git、建立輸出和快取。
使用空格或製表符縮排以巢狀專案。每一層更深的縮排即為子項。 在 ' # '、' // '、' - ' 或 ' <- ' 之後新增註解，輸出時會作為註解對齊。可貼上路徑列表（git ls-files、find、dir /s /b）來產生巢狀結構；名稱以 / 結尾表示空資料夾。 匯入或拖入資料夾或 .zip 時只讀取檔名，不讀取檔案內容，並會跳過 node_modules、.git 及其他建立資料夾（見“匯入選項”）。
樹形圖
註解樣式
my-project ├── src │ ├── components │ │ ├── Button.tsx │ │ └── Modal.tsx │ ├── lib │ │ └── utils.ts │ └── index.ts # entry point ├── public │ └── favicon.ico ├── package.json └── README.md
💡 貼上資料夾結構（或任何巢狀大綱），即可獲得可直接插入 README、註解或文件的清晰樹形圖。在不支援方框字元的環境中請使用 ASCII 模式。一切在瀏覽器中執行。
工作原理
在README中記錄資料夾結構通常意味著手工繪製├──和└──線。這從簡單的縮排列表產生它們。
- 1你鍵入縮排大綱每行一個專案;用空格或製表符縮排以巢狀。縮排深度定義層次結構。
- 2它被解析為樹基於棧的解析器將縮排變為巢狀結構,完全在你的瀏覽器中。
- 3樹聯結器被繪製產生正確的 ├──、└── 和 │ 引導線，垂直線會正確地延續到巢狀分支中。
- 4複製結果選擇Unicode或純ASCII聯結器並將樹複製到你的README、文件或程式碼註解。
一個簡單的文字工具,完全在你的裝置上執行——沒有上傳。