ຂ້າມໄປຫາເນື້ອຫາຫຼັກ

ຕົວສ້າງຕົ້ນໄມ້ ASCII ຟຣີ

ແປງລາຍການທີ່ຈັດໄວ້ເປັນຕົ້ນໄມ້ໂຟນເດີສະອາດ (├── └──) ສຳລັບ README ແລະ ເອກະສານ. ຜົນລັບ Unicode ຫຼື ASCII ລ້ວນ. ເຮັດວຽກທັງໝົດໃນບຣາວເຊີ.

ເຮັດວຽກແບບອອບໄລນ໌ໄດ້ຫຼັງໂຫຼດແລ້ວ
ຕົວເລືອກການນຳເຂົ້າ
ຄ່າເລີ່ມຕົ້ນຂ້າມ node_modules, .git, ຜົນລັບ build ແລະແຄຊ.

ຍັບເຂົ້າດ້ວຍ space ຫຼື tab ເພື່ອຊ້ອນລາຍການ. ການຍັບເຂົ້າທີ່ເລິກຂຶ້ນຈະກາຍເປັນລາຍການຍ່ອຍ. ເພີ່ມໝາຍເຫດຫຼັງ ' # ', ' // ', ' - ' ຫຼື ' <- ' ແລ້ວມັນຈະຖືກຈັດແຖວເປັນຄຳອະທິບາຍໃນຜົນລັບ. ວາງລາຍການເສັ້ນທາງ (git ls-files, find, dir /s /b) ເພື່ອຈັດເປັນລຳດັບຊັ້ນ; ລົງທ້າຍຊື່ດ້ວຍ / ເພື່ອໝາຍໂຟນເດີເປົ່າ. ການນຳເຂົ້າ ຫຼືວາງໂຟນເດີ ຫຼື .zip ຈະອ່ານສະເພາະຊື່ໄຟລ໌ — ບໍ່ອ່ານເນື້ອໃນ — ແລະຂ້າມ node_modules, .git ແລະໂຟນເດີ build ອື່ນໆ (ເບິ່ງຕົວເລືອກການນຳເຂົ້າ).

ຕົ້ນໄມ້
ຮູບແບບຄຳອະທິບາຍ
my-project
├── src
│   ├── components
│   │   ├── Button.tsx
│   │   └── Modal.tsx
│   ├── lib
│   │   └── utils.ts
│   └── index.ts  # entry point
├── public
│   └── favicon.ico
├── package.json
└── README.md

💡 ວາງໂຄງສ້າງໂຟນເດີ (ຫຼືໂຄງຮ່າງທີ່ຊ້ອນກັນ) ແລ້ວໄດ້ຕົ້ນໄມ້ສະອາດທີ່ສາມາດໃສ່ README, comment ຫຼືເອກສານ. ໃຊ້ ASCII style ສຳລັບສະພາບແວດລ້ອມທີ່ບໍ່ render ຕົວອັກສອນ box-drawing. ທຸກຢ່າງດຳເນີນການໃນ browser ຂອງທ່ານ.

ການນຳໃຊ້ທົ່ວໄປ

  • ເພີ່ມ Folder Tree ໃສ່ READMEສ້າງ tree ໂຄງການ-ໂຄງສ້າງສະອາດ ເພື່ອເອກະສານ repository ຂອງທ່ານ.
  • ເອກະສານໂຄງປະກອບ ໂຄງການສ້າງ directory tree ສໍາລັບເອກະສານວິທະຍາສາດແລະ wikis.
  • ສ້າງ Tree ສໍາລັບ Code Commentສ້າງແຜນວາດໂຄງສ້າງເພື່ອຝັງໃນຄໍາເຫັນລະຫັດແຫຼ່ງ.
  • ສະແດງ File Tree ໃນ Talkສ້າງ diagram directory ສະອາດ ສໍາລັບ slides ແລະບົດສອນ.
  • ປ່ຽນ Outline ເປັນ TreeVisualise ໃດຫນຶ່ງລະບາຍຫລູນ outline — ບໍ່ພຽງແຕ່ຟາຍ — ເປັນ tree.

ມັນເຮັດວຽກແນວໃດ

ການບັນທຶກໂຄງສ້າງໂຟນເດີໃນ README ໂດຍປົກກະຕິແມ່ນຕ້ອງແຕ້ມເສັ້ນ ├── ແລະ └── ດ້ວຍມື. ເຄື່ອງມືນີ້ສ້າງມັນຈາກລາຍການຍັບເຂົ້າແບບງ່າຍໆ.

  1. 1
    ທ່ານພິມໂຄງຮ່າງແບບຍັບເຂົ້າ
    ໜຶ່ງລາຍການຕໍ່ແຖວ; ຍັບເຂົ້າດ້ວຍ space ຫຼື tab ເພື່ອຊ້ອນກັນ. ລະດັບການຍັບເຂົ້າກຳນົດລຳດັບຊັ້ນ.
  2. 2
    ມັນຖືກວິເຄາະເປັນຕົ້ນໄມ້
    ຕົວວິເຄາະແບບ stack ປ່ຽນການຍັບເຂົ້າເປັນໂຄງສ້າງຊ້ອນກັນ, ທັງໝົດໃນບຣາວເຊີຂອງທ່ານ.
  3. 3
    ແຕ້ມເສັ້ນເຊື່ອມຕົ້ນໄມ້
    ສ້າງເສັ້ນນຳທາງ ├──, └── ແລະ │ ທີ່ຖືກຕ້ອງ, ພ້ອມເສັ້ນຕັ້ງທີ່ຖືກຕ້ອງຕໍ່ລົງໄປຕາມສາຂາທີ່ຊ້ອນກັນ.
  4. 4
    ສຳເນົາຜົນລັບ
    ເລືອກຕົວເຊື່ອມແບບ Unicode ຫຼື ASCII ທຳມະດາ ແລ້ວສຳເນົາຕົ້ນໄມ້ໄປໃສ່ README, ເອກະສານ ຫຼື ຄຳເຫັນໃນໂຄ້ດ.

ເຄື່ອງມືຂໍ້ຄວາມແບບງ່າຍໆທີ່ເຮັດວຽກທັງໝົດໃນອຸປະກອນຂອງທ່ານ — ບໍ່ມີການອັບໂຫຼດ.

ເຄື່ອງມືທີ່ກ່ຽວຂ້ອງ

ຄໍາຖາມທີ່ຖາມເລື້ອຍໆ