使用tree-node-cli生成樹狀目錄

在寫博客的時候常常會須要展現項目的目錄結構，我電腦是windows的，tree命令不是很好使。能用Node就用Node! 因此就找了幾個跨平臺的。分別是tree-cli和tree-node-cli，這兩個是一個做者。其中tree-node-cli是比較適合Linux用戶的，大小寫區分，並且還有API，可是目前不能直接生成文件。除了這種類型的，還有生成md的、能生成網頁的等等，你們本身搜搜就行了。

安裝tree-node-cli

npm install -g tree-node-cli

使用

執行以下命令便可在終端中生成，複製保存下來便可。

treee -L 3 -I "node_modules|.idea|objects|.git" -a --dirs-first

結果：

├── .electron-vue
│   ├── build.js
│   ├── dev-client.js
│   ├── dev-runner.js
│   ├── webpack.main.config.js
│   ├── webpack.renderer.config.js
│   └── webpack.web.config.js
├── assets
│   ├── commitMessageStandard.md
│   ├── home.jpg
│   ├── tree.txt
│   └── treeNodeCli.md
├── build
│   └── icons
│       ├── 256x256.png
│       ├── icon.icns
│       └── icon.ico
├── dist
│   ├── electron
│   │   └── main.js
│   └── web
├── src
│   ├── main
│   │   ├── index.dev.js
│   │   └── index.js
│   ├── renderer
│   │   ├── assets
│   │   ├── components
│   │   ├── router
│   │   ├── store
│   │   ├── views
│   │   ├── App.vue
│   │   └── main.js
│   └── index.ejs
├── static
├── .babelrc
├── .travis.yml
├── appveyor.yml
├── package-lock.json
├── package.json
└── README.md

解釋

• windows用戶須要用treee代替tree，避免和系統的tree命令衝突。 treee

• 指定路徑的級別爲3級。

  -L 3

• 忽略文件夾（正則表達式匹配的，.git會匹配到.gitignore,因此.gitignore文件沒有顯示出來）。

  -I "node_modules|.idea|objects|.git"

• 顯示全部文件（默認前綴有"."的不會顯示，例如".electron-vue"）。

  -a

• 目錄在前，文件在後（默認是字母排序，和idea顯示的順序不一致）。

  --dirs-first

完整選項

-V, --version             輸出版本號
-a, --all-files           打印全部文件，包括隱藏文件
--dirs-first              目錄在前，文件在後
-d, --dirs-only           僅列出目錄
-I, --exclude [patterns]  排除與模式匹配的文件。用 | 隔開,用雙引號包裹。 例如 「node_modules|.git」
-L, --max-depth <n>       目錄樹的最大顯示深度
-r, --reverse             按反向字母順序對輸出進行排序
-F, --trailing-slash      爲目錄添加'/'
-h, --help                輸出用法信息

卸載

npm uninstall -g tree-node-cli