# X-Agents 前后端分离项目,前端使用 Vue 3 + Vite,后端支持 Python/Java ## 项目结构 ``` 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) └── (待开发) ``` ## 前端技术栈 - Vue 3 - Vite - TypeScript - Tailwind CSS - Pinia (状态管理) - Vue Router - ECharts - Font Awesome ## 前端操作 ### 进入前端目录 ```bash cd web ``` ### 安装依赖 ```bash npm install ``` ### 开发模式 ```bash npm run dev ``` 启动开发服务器,默认访问 http://localhost:5173 ### 构建生产版本 ```bash npm run build ``` ### 预览生产版本 ```bash npm run preview ``` ## 后端开发 后端代码请放在 `src/` 目录下,支持 Python 或 Java。