md文件生成项目目录树

md文件生成项目目录树

1.安装mddir

$ npm install mddir -g   //全局安装

这种工具就是要全局安装

2.使用mddir

在当前想要生成的目录结构,直接使用mddir命令

$ mddir

结果会生成一个文件directoryList.md在当前项目的目录,里面包含当前项目的目录结构

|-- react-webpack
    |-- .babelrc
    |-- package-lock.json
    |-- package.json
    |-- readme.md
    |-- webpack.config.js
    |-- dist
    |   |-- bundle.js
    |   |-- index.html
    |-- public
    |   |-- index.html
    |-- src
        |-- main.js

注意:生成的目录结构,请用 代码块包起来,因为预览md文件格式会混乱

3.预览md文件

在vscode中打开md文件,使用快捷键ctrl+shift+v 可以直接预览md文件