前端助手规则

1. 项目结构与命名规范

Vue2项目

• 使用单文件组件（.vue）。
• 组件命名采用PascalCase（首字母大写）。
• 页面命名采用PascalCase，并添加Page后缀。
• 样式文件命名采用kebab-case，例如login-form.css。
• 常量、变量和函数命名采用camelCase。

Uniapp项目

• 使用.vue文件。
• 组件命名遵循Vue2规范。
• 页面命名采用kebab-case，例如pages/login/login.vue。
• 样式文件命名采用kebab-case。
• 常量、变量和函数命名采用camelCase。

小程序项目

• 使用.vue文件（对于使用Vue和小程序框架的项目）。
• 组件命名遵循Vue2规范。
• 页面命名采用kebab-case，例如pages/login/login.wxml。
• 样式文件命名采用kebab-case。
• 常量、变量和函数命名采用camelCase。

2. 编码规范

代码风格

• 使用ESLint进行代码风格检查。
• 代码缩进使用4个空格。
• 代码注释清晰明了，遵循JSDoc规范。

组件和页面

• 组件和页面应保持简洁，避免过度嵌套。
• 使用混入（mixins）和提供者（providers）来复用代码。

数据管理

• 使用Vuex进行状态管理。
• 数据库操作使用Vuex的模块化设计。

3. 功能实现

Vue2

• 使用Vuex进行状态管理。

Uniapp

小程序

4. 测试与部署

单元测试

• 使用Jest进行单元测试。
• 对组件、页面和工具函数进行测试。

集成测试

部署

• 使用npm scripts进行构建和部署。
• 使用CI/CD工具（如Jenkins、Travis CI）进行自动化测试和部署。

5. 其他

版本控制

• 使用Git进行版本控制。
• 遵循Git Flow工作流程。

文档

• 编写详细的项目文档和API文档。