vue和react项目生成md目录树方法 mddir/treer

一、mddir

1. 安装

github地址 mddir

npm i mddir -g

2. 使用

在当前目录使用命令，默认生成到当前目录

mddir

保存到相对目录

mddir ~/Documents/whatever

保存到绝对目录

mddir /absolute/path

3. 示例

|-- react-demo
    |-- .gitignore
    |-- README.md
    |-- package-lock.json
    |-- package.json
    |-- public
    |   |-- favicon.ico
    |   |-- index.html
    |   |-- logo192.png
    |   |-- logo512.png
    |   |-- manifest.json
    |   |-- robots.txt
    |-- src
        |-- App.css
        |-- App.js
        |-- App.test.js
        |-- index.css
        |-- index.js
        |-- logo.svg
        |-- serviceWorker.js
        |-- setupTests.js

二、treer

1. 安装

github地址 treer

npm i treer -g

2. 使用

// 忽略指定文件夹
treer -i 'node_modules'
// 保存目录结构到文件
treer -e 'directoryList.md'
// 忽略指定目录并保存
treer -i 'node_modules' -e 'directoryList.md'

详见如下或github

$ treer --help

  Usage: treer [options]

  Options:

    -h, --help             output usage information
    -V, --version          output the version number
    -d, --directory [dir]  Please specify a directory to generate structure tree
    -i, --ignore [ig]      You can ignore specific directory name
    -e, --export [epath]   export into file

3. 示例

react-demo
├─.gitignore
├─README.md
├─directoryList.md
├─package-lock.json
├─package.json
├─src
|  ├─App.css
|  ├─App.js
|  ├─App.test.js
|  ├─index.css
|  ├─index.js
|  ├─logo.svg
|  ├─serviceWorker.js
|  └setupTests.js
├─public
|   ├─favicon.ico
|   ├─index.html
|   ├─logo192.png
|   ├─logo512.png
|   ├─manifest.json
|   └robots.txt