2026-03-05 09:24:14 +08:00
|
|
|
|
# X-Agents
|
|
|
|
|
|
|
2026-03-05 10:49:46 +08:00
|
|
|
|
前后端分离项目,前端使用 Vue 3 + Vite,后端支持 Python/Java
|
2026-03-05 09:28:32 +08:00
|
|
|
|
|
2026-03-05 10:49:46 +08:00
|
|
|
|
## 项目结构
|
|
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
X-Agents/
|
|
|
|
|
|
├── web/ # 前端项目 (Vue 3 + Vite + TypeScript + Tailwind CSS)
|
|
|
|
|
|
│ ├── src/ # 前端源代码
|
|
|
|
|
|
│ │ ├── components/ # Vue 组件
|
|
|
|
|
|
│ │ ├── views/ # 页面视图
|
|
|
|
|
|
│ │ ├── router/ # 路由配置
|
|
|
|
|
|
│ │ ├── App.vue # 根组件
|
|
|
|
|
|
│ │ ├── main.ts # 入口文件
|
|
|
|
|
|
│ │ └── style.css # 全局样式
|
|
|
|
|
|
│ ├── public/ # 静态资源
|
|
|
|
|
|
│ ├── index.html # 入口 HTML
|
|
|
|
|
|
│ ├── package.json # 前端依赖
|
|
|
|
|
|
│ ├── vite.config.ts # Vite 配置
|
|
|
|
|
|
│ ├── tailwind.config.js # Tailwind 配置
|
|
|
|
|
|
│ └── tsconfig.json # TypeScript 配置
|
|
|
|
|
|
│
|
|
|
|
|
|
└── src/ # 后端代码 (Python/Java)
|
|
|
|
|
|
└── (待开发)
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
## 前端技术栈
|
2026-03-05 09:28:32 +08:00
|
|
|
|
|
|
|
|
|
|
- Vue 3
|
|
|
|
|
|
- Vite
|
|
|
|
|
|
- TypeScript
|
|
|
|
|
|
- Tailwind CSS
|
|
|
|
|
|
- Pinia (状态管理)
|
|
|
|
|
|
- Vue Router
|
|
|
|
|
|
- ECharts
|
2026-03-05 10:49:46 +08:00
|
|
|
|
- Font Awesome
|
|
|
|
|
|
|
|
|
|
|
|
## 前端操作
|
2026-03-05 09:28:32 +08:00
|
|
|
|
|
2026-03-05 10:49:46 +08:00
|
|
|
|
### 进入前端目录
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
cd web
|
|
|
|
|
|
```
|
2026-03-05 09:28:32 +08:00
|
|
|
|
|
|
|
|
|
|
### 安装依赖
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
npm install
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
### 开发模式
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
npm run dev
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
启动开发服务器,默认访问 http://localhost:5173
|
|
|
|
|
|
|
|
|
|
|
|
### 构建生产版本
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
npm run build
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
### 预览生产版本
|
|
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
|
npm run preview
|
|
|
|
|
|
```
|
|
|
|
|
|
|
2026-03-05 10:49:46 +08:00
|
|
|
|
## 后端开发
|
2026-03-05 09:28:32 +08:00
|
|
|
|
|
2026-03-05 10:49:46 +08:00
|
|
|
|
后端代码请放在 `src/` 目录下,支持 Python 或 Java。
|