Chuyển đến nội dung chính

Tạo Cây ASCII miễn phí

Chuyển danh sách thụt lề thành cây thư mục gọn (├── └──) cho README và tài liệu. Đầu ra Unicode hoặc ASCII thuần. Chạy hoàn toàn trên trình duyệt.

Hoạt động ngoại tuyến sau khi tải
Tùy chọn nhập
Mặc định bỏ qua node_modules, .git, kết quả build và bộ nhớ đệm.

Thụt lề bằng dấu cách hoặc tab để lồng các mục. Mỗi cấp thụt sâu hơn sẽ trở thành con. Thêm ghi chú sau ' # ', ' // ', ' - ' hoặc ' <- ' và nó sẽ được căn thẳng hàng như chú thích trong kết quả. Dán danh sách đường dẫn (git ls-files, find, dir /s /b) để lồng chúng lại; thêm / vào cuối tên để đánh dấu thư mục trống. Nhập hoặc thả một thư mục hay tệp .zip chỉ đọc tên tệp — không bao giờ đọc nội dung — và bỏ qua node_modules, .git cùng các thư mục build khác (xem Tùy chọn nhập).

Cây
Kiểu chú thích
my-project
├── src
│   ├── components
│   │   ├── Button.tsx
│   │   └── Modal.tsx
│   ├── lib
│   │   └── utils.ts
│   └── index.ts  # entry point
├── public
│   └── favicon.ico
├── package.json
└── README.md

💡 Dán cấu trúc thư mục (hoặc bất kỳ danh sách lồng nhau nào) và nhận cây sạch để chèn vào README, chú thích hoặc tài liệu. Dùng kiểu ASCII cho môi trường không hỗ trợ ký tự vẽ khung. Tất cả chạy trên trình duyệt.

Công dụng phổ biến

  • Thêm Cây Thư Mục vào READMETạo một cây cấu trúc dự án sạch sẽ để ghi lại kho lưu trữ của bạn.
  • Ghi Lại Cấu Trúc Dự ÁnTạo cây thư mục cho tài liệu kỹ thuật và wiki.
  • Tạo Cây Cho Nhận Xét MãTạo sơ đồ cấu trúc để nhúng trong nhận xét mã nguồn.
  • Hiển Thị Cây Tệp Trong Bài NóiTạo sơ đồ thư mục sạch sẽ cho slide và hướng dẫn.
  • Biến Phác Thảo Thành CâyHình dung bất kỳ phác thảo lồng nhau nào — không chỉ tệp — dưới dạng cây.

Cách hoạt động

Ghi tài liệu cấu trúc thư mục trong README thường nghĩa là phải vẽ tay các dòng ├── và └──. Công cụ này tạo chúng từ một danh sách thụt lề đơn giản.

  1. 1
    Bạn gõ một phác thảo có thụt lề
    Một mục trên mỗi dòng; thụt lề với khoảng trắng hoặc tab để lồng ghép. Độ sâu thụt lề xác định phân cấp.
  2. 2
    Nó được phân tích thành một cây
    Trình phân tích dựa trên ngăn xếp biến thụt lề thành một cấu trúc lồng ghép, hoàn toàn trong trình duyệt của bạn.
  3. 3
    Các đầu nối cây được vẽ
    Các đường dẫn ├──, └── và │ chuẩn được tạo, với các đường dọc chính xác được kéo xuống qua các nhánh lồng nhau.
  4. 4
    Sao chép kết quả
    Chọn các đầu nối Unicode hoặc plain-ASCII và sao chép cây vào README, tài liệu hoặc nhận xét mã của bạn.

Một tiện ích văn bản đơn giản chạy hoàn toàn trên thiết bị của bạn — không có gì được tải lên.

Công cụ liên quan

Câu hỏi thường gặp