development-workflow.mdc 1.0 KB

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