AI.rules

AI.rules
1. 技术栈React优先使用Function Components HooksClass Components 仅用于Error Boundary特殊生命周期控制遵循 React 最佳实践状态提升、受控组件、依赖管理Vue使用Vue 3 Composition API禁止 Options API除历史项目逻辑统一抽离为useXxx组合函数TypeScript禁止使用any必须完整类型定义或类型推断Props 必须定义接口2. 样式规范使用Tailwind CSS非uniapp的情况下禁止随意自定义样式禁止滥用 inline style遵循设计系统Design Tokens原则原子化 / 可复用 / 可维护3. 代码规范使用ES64. 命名规范类型规范变量/函数camelCase类/接口PascalCase常量UPPER_SNAKE_CASE组件PascalCase文件kebab-case5. 组件设计遵循单一职责原则SRP禁止巨型组件UI 与业务逻辑分离组件必须具备复用性6. 代码复用ReactCustom Hooks优先HOC横切逻辑VueComposition FunctionsuseXxx通用原则遵循DRY公共逻辑抽取到hooks / composablesutilsservices7. API 规范所有请求必须封装在Service 层禁止在组件中直接调用 API请求与业务逻辑解耦8. 错误处理所有异步操作必须try/catch必须有统一错误处理机制推荐全局拦截Axios错误上报 用户提示9. 跨端uni-app必须兼容iOS / AndroidH5小程序使用条件编译10. 性能优化减少无效渲染Reactmemo / useMemo / useCallbackVuecomputed 精准依赖路由懒加载大列表使用虚拟滚动