markdown如何输出项目目录结构

比如生成这样的文件树：

├── publish/
└── src/
    ├── assets/                    // 静态资源目录
    ├── common/                    // 通用类库目录
    ├── components/                // 公共组件目录
    ├── router/                    // 路由配置目录
    ├── store/                     // 状态管理目录
    ├── style/                     // 通用 CSS 目录
    ├── utils/                     // 工具函数目录
    ├── views/                     // 页面组件目录
    ├── App.vue
    ├── main.ts
    ├── shims-vue.d.ts
├── tests/                         // 单元测试目录
├── index.html
├── tsconfig.json                  // TypeScript 配置文件
├── vite.config.ts                 // Vite 配置文件
└── package.json

有很多种生成方式。我介绍一下我使用的生成目录结构方法：

使用mddir

node install mddir --save

cd node_modules/mddir/src

node mddir "../../../"          //即返回根目录

运行完命令打开 node_modules/mddir/src文件夹下，会自动生成一个directoryList.md，里面就是我们想要拿到的文件树结构了，多余的可以根据自己删除。