> ## Documentation Index
> Fetch the complete documentation index at: https://docs.53ai.com/llms.txt
> Use this file to discover all available pages before exploring further.

# 用户侧前端

# 53AI Hub 前台

基于 Vue3 和 TypeScript 的现代化开发模板

![vite-version](https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/vite) + ![vue-version](https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/vue) + ![typescript-version](https://img.shields.io/github/package-json/dependency-version/alex8088/electron-vite-boilerplate/dev/typescript)

## 特性

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

## 开发环境配置

### 推荐的 IDE 配置

* [VSCode](https://code.visualstudio.com/) + [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin)

## 项目设置

### Node 版本要求

v18.12.0

### 安装依赖

```bash theme={null}
$ npm install
```

### 开发模式

```bash theme={null}
$ npm run dev
```

### 构建项目

```bash theme={null}
$ npm run build
```

## 关联技术文档

* [项目配置](https://cn.vitejs.dev/config/)
* [Vue3 文档](https://cn.vuejs.org/)
* [TypeScript 文档](https://www.typescriptlang.org/zh/)
* [Vite 指南](https://cn.vitejs.dev/guide/)

## 代码规范

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

```bash theme={null}
$ 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 配置
```