咱们程序员的经常会有需求,需要列出项目的结构树。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 指令
ok~ 今天的分享就到这里