目录结构生成

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

image.png

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

其实搜一下就有，哈哈~
主要用的就是 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
  
  

总结

开始觉得都能搜索的到，没记。隔了个把月，发现自己还是忘记了，还是小记一下。

—— 2018/02/05 By Live， sunny .