管理后台前端项目

基于 Vue3 和 TypeScript 的AI代理管理平台管理后台开发模板

特性

- 💡 优化的资源处理

- 🚀 快速的热模块替换（HMR）

- 🔌 便捷的调试体验

- 📦 完善的构建流程

开发环境配置

推荐的 IDE 配置

- VSCode + ESLint + Prettier + Volar + TypeScript Vue Plugin (Volar)

项目设置

Node 版本要求

v18.12.0

安装依赖

$ npm install

开发模式

$ npm run dev

构建项目

$ npm run build

技术文档

• 项目配置
• Vue3 文档
• TypeScript 文档
• Vite 指南

代码规范

本项目使用 ESLint 和 Prettier 来确保代码质量和一致性。请确保在提交代码前运行代码检查：

$ npm run lint

目录结构

├── src/src     # 源代码目录
│   ├── api/              # api接口与错误code
│   ├── assets/           # 样式跟icon
│   ├── components/       # 组件
│   ├── directive/        # 自定义指令
│   ├── views/            # 页面
│   ├── router/           # 路由配置
│   ├── typings/          # 类型定义
│   ├── constants/        # 常用变量
│   ├── locales/          # 语言包
│   ├── store/            # 状态管理
│   ├── utils/            # 工具箱
│   └── main.ts           # 入口文件
├── src/renderer/public   # 公共资源
├── dist/                 # 构建输出目录
├── .eslintrc.js          # ESLint 配置
├── .prettierrc           # Prettier 配置
├── tsconfig.json         # TypeScript 配置
└── vite.config.ts        # Vite 配置