本地开发

如果你想本地运行项目查看效果：

# 1. 克隆项目
git clone <repository-url>
cd vue-export-table

# 2. 安装依赖
npm install

# 3. 初始化 vue-demi（Vue 3 环境）
npx vue-demi-switch 3

# 4. 启动开发服务器
npm run dev

启动后访问 http://localhost:5174/ 即可查看 Vue 3 示例页面。

构建生产版本

# 构建 Vue 3 和 Vue 2 两个版本
npm run build

构建完成后，dist 目录会生成：

• vue-export-table.js - Vue 3 ESM 版本
• vue-export-table.cjs - Vue 3 CJS 版本
• vue-export-table.vue2.js - Vue 2 ESM 版本
• vue-export-table.vue2.cjs - Vue 2 CJS 版本
• vue-export-table.css - 样式文件
• locale/zh-CN.js - 中文语言包
• locale/en-US.js - 英文语言包
• locale/mn-MN.js - 蒙文语言包

本地调试 - 使用vue3版本

1、解开根目录中 vite.config.ts 文件的 server 配置的注释，将 target 改为 真实地址。 2、在 examples/vue3-demo/App.vue 中，将注释的“TODO”替换为实际的配置，包括 listApiPath、downloadApiPath、extraParams.systemCode、refreshToken中的token。 3、在本地运行项目查看效果：http://localhost:5174/ 即可查看 Vue 3 示例页面。 4、本地调试完毕后，将以上配置恢复为默认值，以防上传到npm后泄露信息

目录结构

vue-export-table/
├── examples/
│   ├── vue3-demo/              # Vue 3 示例
│   └── vue2-demo/              # Vue 2 示例
├── src/
│   ├── index.ts                # Vue 3 入口
│   ├── index.v2.ts             # Vue 2 入口
│   ├── types.ts                # 类型定义
│   ├── request.ts              # 请求封装（fetchList + downloadFile + setToken + refreshToken）
│   ├── DownloadTable.vue       # Vue 3 组件（<script setup>）
│   ├── DownloadTable.v2.vue    # Vue 2 组件（defineComponent）
│   ├── useTable.ts             # 核心编排 composable
│   ├── useQuery.ts             # 查询表单 composable
│   ├── usePagination.ts        # 分页 composable
│   ├── useAutoRefresh.ts       # 自动刷新 composable
│   └── locale/                 # 多语言文件
│       ├── types.ts            # 语言包类型定义
│       ├── index.ts            # 语言管理（setLocale / useLocale）
│       ├── zh-CN.ts            # 中文
│       ├── en-US.ts            # 英文
│       └── mn-MN.ts            # 蒙文
├── vite.config.ts              # Vite 构建配置（库模式）
├── tsconfig.json               # TypeScript 配置
└── package.json

相关文档

• 使用文档 - 详细 API 和使用示例
• 发布指南 - npm 发布流程
• 接口文档 - 接口文档

License

MIT