相信经常逛技术博客或者社区的我们，经常能够看到下面这种树形文件目录结构吧，那么这种文件目录是怎么生成的呢？
一个tree命令就帮你搞定啦
├── build // 构建相关 ├── config // 配置相关 ├── src // 源代码 │ ├── api // 所有请求 │ ├── assets // 主题 字体等静态资源 │ ├── components // 全局公用组件 │ ├── directive // 全局指令 │ ├── filtres // 全局 filter │ ├── icons // 项目所有 svg icons │ ├── lang // 国际化 language │ ├── mock // 项目mock 模拟数据 │ ├── router // 路由 │ ├── store // 全局 store管理 │ ├── styles // 全局样式 │ ├── utils // 全局公用方法 │ ├── vendor // 公用vendor │ ├── views // view │ ├── App.vue // 入口页面 │ ├── main.js // 入口 加载组件 初始化等 │ └── permission.js // 权限管理 ├── static // 第三方不打包资源 │ └── Tinymce // 富文本 ├── .babelrc // babel-loader 配置 ├── eslintrc.js // eslint 配置项 ├── .gitignore // git 忽略项 ├── favicon.ico // favicon图标 ├── index.html // html模板 └── package.json // package.json
Linus系统和windows系统下，命令还不一样，windows系统可以直接在cmd里输入命令，但是Linux系统和Mac需要自己配置（具体方法参考https://www.cnblogs.com/h--d/p/6507421.html）
几个系统命令使用基本上时一样的：
1.tree 此时展现的是所有文件夹的路径所构成的树
文件太多值截取了部分
2.tree /f 可以显示所有资源(文件目录和文件)
3.tree /a 可以显示所有文件目录（不包括具体文件）
4.如果想将结果储存下来，那么使用tree > tree.txt命令，后面的txt的命名可以随意，前面可以是自己需要的tree命令。然后tree命令执行完毕的结果就会自动保存到创建的tree.txt中。
然后打开src目录的资源管理器，可以看到多了一个tree.txt文件
打开看一下
正好是我们要的树形目录结构呀，开心ヾ(●´∀｀●)
好啦，需要了解更多的tree命令可以参考大佬写的 https://blog.csdn.net/qq_26442553/article/details/79133098
本文参考来源：https://blog.csdn.net/SilenceJude/article/details/99673949