Mac自动生成目录结构

328 阅读1分钟

大图

咱们程序员的经常会有需求,需要列出项目的结构树。Mac或者Linux下可以使用tree列出项目结构,如下图这种:

project
    ├── build   --- 打包目录
    ├── config  --- 全局配置文件
    ├── patches --- 一些 node_modules 修改源码后的补丁包
    ├── src     --- 项目入口目录
    |    └── assets --- 静态资源文件
   +|         └── constant.js --- 常量枚举
   +|    └── baseComponents --- 基础组件库
    |    └── businessComponents --- 业务组件库
    |    └── directives --- 指令库
   +|    └── mixins --- 混合指令库
    |    └── page --- 页面
    |    └── route --- 路由
    |    └── store --- vuex 状态管理
    |    └── utils --- 工具类
    ├── static  --- 全局静态资源文件
    ├── test --- 测试目录
    ├── .babelrc  --- babel配置
    ├── .editorconfig --- eslint配置
    ├── .gitignore  --- git禁用目录
    ├── .postcssrc.js
    ├── index.html  --- 主文件
    ├── package.json  --- 资源包
    ├── package-lock.json -- 依赖包关联
    ├── README.md

使用tree 操作其实也非常简单

安装

brew install tree

如果没有安装 brew 的话,可以参考我的 mac 技术-Homebrew解析并使用

Mac安装后,在 terminal(终端) 中输入tree -a便可以查看某个文件夹下的所有文件。

一些 tree 的指令参考 tree 指令

image.png

ok~ 今天的分享就到这里