ContextQMD
Back to 53aihub

53AIHub 站点前台

web/front/README.md

0.2.02.7 KB
Original Source

53AIHub 站点前台

<p align="center">基于 Vue3 和 TypeScript 的AI代理管理平台前台站点开发模板</p> <p align="center"> </p>

特性

  • 💡 优化的资源处理
  • 🚀 快速的热模块替换（HMR）
  • 🔌 便捷的调试体验
  • 📦 完善的构建流程

开发环境配置

推荐的 IDE 配置

项目设置

Node 版本要求

v18.12.0

安装依赖

bash
$ npm install

开发模式

bash
$ npm run dev

构建项目

bash
$ npm run build

服务端前台代码更新

复制dist/文件夹下的所有代码， 粘贴到api/static/renderer文件夹中

技术文档

代码规范

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

bash
$ npm run lint

目录结构

├── src/renderer/main     # 源代码目录
│   ├── 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 配置