# 项目:vue-mgt-template - 个人项目代码记录系统 ## 项目概述 本系统为个人代码记录与总结实践平台,采用后台管理系统模式集成开发。 - **框架核心**:基于 vue-pure-admin 精简版 (文档: https://pure-admin.cn/pages/introduction/) - **后端交互**:纯前端项目,不包含后端代码,接口使用 Mock 数据或本地文件。 ## 🛠 技术栈规范 - **核心框架**: Vue 3 (Script Setup), TypeScript - **构建工具**: Vite 5, pnpm - **状态管理**: Pinia (配合 pinia-plugin-persistedstate) - **UI 组件**: Element Plus, TailwindCSS, SCSS - **代码规范**: ESLint (v9), Prettier, Stylelint - **图标方案**: Iconify, SVG - **代码缩进**: 使用tab四个空格缩进 ## 📂 项目结构 ```text vue3-mgt-template/ ├── .env* # 环境变量配置 ├── mock/ # Mock 数据接口 ├── public/ # 静态资源 ├── src/ │ ├── api/ # 接口定义 │ ├── assets/ # 静态资源 │ ├── components/ # 全局组件 (PascalCase) │ ├── directives/ # 自定义指令 │ ├── hooks/ # Composables │ ├── layout/ # 布局组件 │ ├── router/ # 路由配置 │ ├── store/ # Pinia 状态库 │ ├── style/ # 全局样式 │ ├── utils/ # 工具函数 │ └── views/ # 页面组件 └── types/ # TS 类型定义 ``` ## 🚀 常用命令 (Scripts) - **启动开发**: `pnpm dev` (或 `pnpm serve`) - **生产构建**: `pnpm build` - **代码检查**: `pnpm lint` (包含 eslint, prettier, stylelint) - **类型检查**: `pnpm typecheck` ## 🤖 Gemini 交互与开发规范 ### 核心指令 1. **中文优先**:所有沟通、代码注释、日志输出 (`console.log`)、Git Commit Message **必须**使用中文。 2. **执行流程**:在执行代码修改前,**必须**先输出思路(Plan),待用户确认(Approve)后再执行。 3. **代码修改**: - **增量原则**:优先通过新增代码实现功能。 - **修改限制**:原则上不修改现有逻辑,**除非**是明确的 Bug 修复或用户要求的重构。禁止随意删除现有注释。 4. **文档记录**: - 结束会话前,**必须**将本次核心变动以“本次会话总结”格式更新到 `README.md` 的“对话记录”部分。 - 尽可能为新代码添加详细的中文文档和注释。 5. **错误纠正**: - 每次被用户纠正错误后**必须**在GEMINI.md添加新规则避免重复错误。 ### 代码风格 - **TypeScript**: 严格模式,避免 `any`。 - **命名规范**: - 组件文件: `PascalCase` (如 `TaskCard.vue`) - 变量/函数: `camelCase` (如 `getUserInfo`) - 常量: `UPPER_SNAKE_CASE` (如 `MAX_COUNT`) - **多平台兼容**: 确保代码在 macOS, Windows, Linux 下均可运行。 ## 📝 开发任务 > 符号说明:[x] 已完成, [-] 已取消, [ ] 待执行 ### 任务列表 - [ ] (在此处添加新任务)