development-workflow.mdc 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. # 开发工作流程
  2. ## 项目启动
  3. 1. 安装依赖:`pnpm install`
  4. 2. 开发环境:
  5. - H5: `pnpm dev` 或 `pnpm dev:h5`
  6. - 微信小程序: `pnpm dev:mp`
  7. - 支付宝小程序: `pnpm dev:mp-alipay`
  8. - APP: `pnpm dev:app`
  9. ## 代码规范
  10. - 使用 ESLint 进行代码检查:`pnpm lint`
  11. - 自动修复代码格式:`pnpm lint:fix`
  12. - 使用 eslint 格式化代码
  13. - 遵循 TypeScript 严格模式
  14. ## 构建和部署
  15. - H5 构建:`pnpm build:h5`
  16. - 微信小程序构建:`pnpm build:mp`
  17. - 支付宝小程序构建:`pnpm build:mp-alipay`
  18. - APP 构建:`pnpm build:app`
  19. - 类型检查:`pnpm type-check`
  20. ## 开发工具
  21. - 推荐使用 VSCode 编辑器
  22. - 安装 Vue 和 TypeScript 相关插件
  23. - 使用 uni-app 开发者工具调试小程序
  24. - 使用 HBuilderX 调试 APP
  25. ## 调试技巧
  26. - 使用 console.log 和 uni.showToast 调试
  27. - 利用 Vue DevTools 调试组件状态
  28. - 使用网络面板调试 API 请求
  29. - 平台差异测试和兼容性检查
  30. ## 性能优化
  31. - 使用懒加载和代码分割
  32. - 优化图片和静态资源
  33. - 减少不必要的重渲染
  34. - 合理使用缓存策略
  35. ---
  36. description: 开发工作流程和最佳实践指南
  37. ---