在我们写 Markdown 文档时,需要展示项目的目录树
vue_test
├── node_modules
├── public
│ ├── index.html:主页面
│ └── favicon.ico:页签图标
├── src
│ ├── assets:存放静态资源
│ │ └── logo.png
│ ├── components:存放组件
│ │ └── HelloWorld.vue
│ ├── App.vue:汇总组件
│ └── main.js:入口文件
├── .gitignore:git版本管制忽略的配置
├── babel.config.js:babel的配置文件
├── package.json:应用包配置文件
├── README.md:应用描述文件
├── package-lock.json:包版本控制文件
├── jsconfig.json
└── vue.config.js
图示
相比起来第一种确实方便不少
这里推荐一个插件
tree-node-cli
使用
安装
npm install -g tree-node-cli
忽略xxx文件
# -I pattern 表示匹配输出时需要忽略的目录或文件
treee -I "node_modules"
# 忽略多个