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

 

tree命令生成目录结构_tree

 

第一反应,不错,我也要搞个。
第二反应,怎么弄的?啥,手写?不可能的,不可能的,程序员是不可能手写这种的。

其实搜一下就有,哈哈~
主要用的就是 tree 命令,windowslinux 命令有些差别,这里讲的是 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