在 GitHub 上经常看见项目文档上会列出项目的目录结构,比如:


tree命令生成目录结构_目录结构


第一反应,不错,我也要搞个。

第二反应,怎么弄的?啥,手写?不可能的,不可能的,程序员是不可能手写这种的。

其实搜一下就有,哈哈~

主要用的就是 ​​tree​​ 命令,​​windows​​ 和 ​​linux​​ 命令有些差别,这里讲的是 ​​windows​​ 的。

tree 命令

先来看一下 ​​tree​​ 命令的用法:


  • 生成目录结构:
    ​tree ​​输出:
    ​├─dist ├─src └─tests ├─unit ├─vendor └─visual ​
  • 生成目录结构(包括文件):
    ​tree /f ​​输出
    ​├─dist │ alert.js │ alert.js.map │ button.js │ button.js.map │ carousel.js │ carousel.js.map │ collapse.js │ collapse.js.map │ dropdown.js │ dropdown.js.map │ index.js │ index.js.map │ modal.js │ modal.js.map │ popover.js │ popover.js.map │ scrollspy.js │ scrollspy.js.map │ tab.js │ tab.js.map │ tooltip.js │ tooltip.js.map │ util.js │ util.js.map │ ├─src │ alert.js │ button.js │ carousel.js │ collapse.js │ dropdown.js │ index.js │ modal.js │ popover.js │ scrollspy.js │ tab.js │ tooltip.js │ util.js │ └─tests │ index.html │ karma.conf.js │ README.md │ ├─unit │ .eslintrc.json │ alert.js │ button.js │ carousel.js │ collapse.js │ dropdown.js │ modal.js │ popover.js │ scrollspy.js │ tab.js │ tooltip.js │ util.js │ ├─vendor │ jquery-1.9.1.min.js │ qunit.css │ qunit.js │ └─visual alert.html button.html carousel.html collapse.html dropdown.html modal.html popover.html scrollspy.html tab.html tooltip.html ​