目录结构图
shell
# Windows 自带tree
# Mac 安装tree
brew install tree
# 生成目录树(显示到文件夹,不显示文件)
$ tree -d
# 生成包含所有文件的目录树
$ tree -a
# 为每个文件打印完整的路径前缀。
$ tree -f
# 按原样打印不可打印的字符。(含有中文的文件可以用该命令)
$ tree -N
# 生成忽略node_modules,public两个文件夹的目录树到tree.md文件(当前目录下)
$ tree -d -I 'node_modules|public' >tree.md
目录结构将 定期更新
。树结构生成 cmd 输入 tree
或 tree /f
ts
├── mms-ui
├── public (存放浏览器标题favicon.ico、静态json数据)
│── src (存放视图、工具类、image)
│ ├── api (与服务端对接的接口函数定义。建议视图文件夹与api文件夹相同,如login文件夹)
│ ├── gen (代码生成接口函数)
│ │ └── system (系统管理接口函数)
│ │ ├── dept (部门)
│ │ ├── dict (字典)
│ │ ├── home (控制台)
│ │ ├── init (启动初始化)
│ │ ├── login (登录)
│ │ ├── menu (菜单)
│ │ ├── oss (对象存储)
│ │ ├── role (角色)
│ │ ├── sysConfig (系统配置)
│ │ ├── sysNotice (资讯)
│ │ ├── sysOssConfig (存储配置)
│ │ ├── upload (附件上传)
│ │ └── user (用户)
│ ├── assets (静态资源)
│ ├── components (组件)
│ │ ├── auth (权限)
│ │ ├── chat-room (聊天室)
│ │ ├── cropper (裁剪图片)
│ │ ├── editor (富文本)
│ │ ├── fast-md-editor (代码生产编辑器)
│ │ ├── fast-radio-checkbox (代码生成多选框)
│ │ ├── fast-radio-group (代码生成单选框)
│ │ ├── fast-select (代码生产下拉框)
│ │ ├── fast-table-column (代码生产表格)
│ │ ├── fast-upload (代码生成附件上传)
│ │ ├── iconSelector (图标选择器)
│ │ ├── noticeBar (滚动通知)
│ │ ├── svgIcon (svg 图标)
│ │ └── table (表格)
│ ├── directive (自定义内容)
│ ├── enums (枚举类)
│ ├── hooks (复用的函数)
│ ├── i18n (国际化)
│ ├── icons (图标)
│ ├── layout (布局)
│ │ ├── component (布局公用组件)
│ │ ├── footer (页脚)
│ │ ├── lockScreen (锁屏)
│ │ ├── logo (登录)
│ │ ├── main (主布局)
│ │ ├── navBars (顶栏信息)
│ │ │ ├── tagsView (面包屑、关闭全屏、菜单搜索、布局配置、用户信息、消息通知)
│ │ │ └── topBar (标签页)
│ │ ├── navMenu (导航菜单)
│ │ ├── routerView (路由视图出口、外链、iframe内嵌)
│ │ ├── sponsors (广告组件)
│ │ └── upgrade (版本升级提示组件)
│ ├── router (路由)
│ ├── stores (存放组件的状态 pinia)
│ ├── styles (css 、style)
│ ├── theme (存放框架样式)
│ │ ├── common (基础样式)
│ │ ├── media (媒体查询)
│ │ └── mixins (scss混入)
│ ├── types (ts 类型定义文件)
│ │ ├── axios.d.ts (扩展 axios 数据返回类型,可自行扩展)
│ │ │ ├── global.d.ts (全局 ts 类型定义申明)
│ │ │ ├── layout.d.ts (layout 布局 ts 类型定义申明)
│ │ │ ├── mitt.d.ts (mitt 事件总线 ts 类型定义申明)
│ │ │ ├── pinia.d.ts (pinia ts 类型定义申明)
│ │ │ └── views.d.ts (views 视图各界面 ts 类型定义申明)
│ ├── utils (存放工具类函数)
│ ├── views (页面列表)
│ ├── error (错误页面)
│ ├── system (系统管理)
│ │ ├── config (系统配置)
│ │ ├── dept (部门)
│ │ ├── dict (字典)
│ │ ├── home (控制台)
│ │ ├── login (登录)
│ │ ├── menu (菜单)
│ │ ├── notice (消息)
│ │ ├── oss (存储)
│ │ ├── personal (个人信息)
│ │ ├── role (角色)
│ │ └── user (用户)
│ ├── tools (扩展工具)
│ ├── gen (代码生成)
│ │ ├── baseClass (基础类)
│ │ ├── datasource (数据源)
│ │ ├── fieldType (文件类)
│ │ ├── generator (代码生成)
│ │ └── project (项目)
│ └── powerjob (定时任务)
├── .env (全局默认配置文件,无论什么环境都会加载合并)
├── .env.development (开发环境的配置文件)
├── .env.production (生产环境的配置文件)
├── .eslintignore (eslint忽略配置)
├── .eslintrc.js (eslint配置)
├── .gitignore (git提交忽略配置)
├── .prettierrc.js (prettier代码格式化配置)
├── index.html (用户页面访问入口)
├── LICENSE (开源许可证)
├── package.json (包的依赖管理配置文件)
├── README.md (框架介绍文件)
├── tsconfig.json (ts配置文件)
└── vite.config.ts (vite配置文件)