项目根目录

• index.html - 入口 HTML 文件，用于挂载 Vue 应用。
• package.json - 项目配置文件，包含项目依赖、脚本命令等信息。
• README.md - 项目说明文档。
• vite.config.js - Vite 的配置文件，用于自定义构建选项。

源码目录

├── .github # 自动化 ci 配置（可删除） ├── .vscode # vscode 配置（不可删除） ├── mock # 本地 mock 数据 ├── node_modules # 项目依赖模块 ├── library # 核心模块，不建议修改 │ ├── build # 打包相关，请勿修改 │ |── components # 所有vab组件 | | ├── VabAlert # el-alert封装 | | ├── VabApp # 入口页 | | ├── VabAppMain # 内页 | | ├── VabAvatar # 头像 | | ├── VabBreadcrumb # 面包屑 | | ├── VabCard # el-card封装（支持骨架屏） | | ├── VabColorfulCard # 多彩卡片封装 | | ├── VabColorPicker # 颜色选择器 | | ├── VabColumnBar # 分栏 | | ├── VabDark # 暗黑组件 | | ├── VabDialog # el-dialog封装 | | ├── VabDivider # el-divider封装 | | ├── VabErrorLog # 错误日志 | | ├── VabFold # 展开合并 | | ├── VabFooter # 底部 | | ├── VabFullscreen # 全屏 | | ├── VabHeader # 横向布局顶部 | | ├── VabLanguage # 国际化 | | ├── VabLink # router封装 | | ├── VabLock # 锁屏 | | ├── VabLogo # logo | | ├── VabMenu # 菜单 | | ├── VabNav # 顶部navBar | | ├── VabNotice # 通知 | | ├── VabPagination # 分页 | | ├── VabQueryForm # form布局封装 | | ├── VabRefresh # 刷新 | | ├── VabRightTools # nav右侧工具栏组装 | | ├── VabRouterView # 路由缓存封装（禁止修改） | | ├── VabSearch # 搜索 | | ├── VabSideBar # 左侧菜单 | | ├── VabStatistics # 统计 | | ├── VabTabs # 多标签页 │ | └── VabTheme # 主题配置 │ ├── layouts # 界面布局（不需要的主题可删除，手机端适配必须保留纵向布局） | | ├── VabLayoutColumn # 分栏布局 | | ├── VabLayoutHorizontal # 横向布局 | | ├── VabLayoutVertical # 纵向布局 | | ├── VabLayoutComprehensive # 综合布局 │ │ ├── plugin # vab必要插件 │ │ └── styles # vab主题相关 ├── public │ ├── img # pwa图标 │ ├── static # 静态资源 | | └── json # 地图全国省市区的json数据 │ └── favicon.ico # favicon图标 ├── src │ ├── api # API 服务模块 │ ├── assets # 本地静态资源 │ ├── config # 项目配置 │ │ ├── cli.config.ts # vue/cli配置 │ │ ├── net.config.ts # 网络配置 │ │ ├── setting.config.ts # 通用配置 │ │ ├── theme.config.ts # 主题配置 │ │ └── index.ts # 自定义配置合并（不建议修改） │ ├── plugins # 封装的小工具 │ ├── i18n # 多语言 │ ├── icon # 存放自定义svg图标 ，仅在icon属性为isCustomSvg时才会调用svg图标，如无必要建议使用内置图标 │ ├── router # 路由配置 │ ├── store # pinia 状态管理配置 │ ├── utils # js 工具 | | └── qm.js # 阿里云ocr方法 | └── views # 项目页面 ├── .eslintrc.js # eslint 配置项 ├── package.json # package.json ├── index.html # 入口页 └── vite.config.ts # vite 配置

Vite 构建输出目录

• dist 或 build - 构建输出目录，存放打包后的文件（由 Vite 的构建命令生成）。
  • index.html - 入口 HTML 文件。
  • assets - 存放打包后的静态资源文件。
  • js 或其他脚本文件夹 - 存放打包后的 JavaScript 文件。
  • css 或其他样式文件夹 - 存放打包后的 CSS 文件（如果有的话）。
  • public 存放打包后不需要处理的文件和内容，例如地图的json登

其他配置文件和目录

• .gitignore - Git 忽略文件，用于指定不提交到版本控制的文件和目录。
• node_modules - Node.js 依赖包目录，由 npm 或 yarn 安装生成。
• public - 存放公共静态资源的目录，这些资源在构建时会被直接复制到输出目录。
• tsconfig.json - TypeScript 配置文件（如果你的项目使用了 TypeScript）。
• eslintrc.js 或 .eslintrc.json - ESLint 配置文件，用于配置代码规范检查规则。
• prettierrc.js 或 .prettierrc - Prettier 配置文件，用于代码格式化。