注意事项
- h5环境使用useRouter取到的params需要自行decode,其他环境及this.location内部已decode过了,或者使用hooks.ts内的useRouter
- 如果自己在函数式组件内调用useDidShow,需要在方法内包裹一层nextTick方法,否则Taro的生命周期里面会先执行useDidShow,再执行useEffect(() => {//后执行}, []),或者使用hooks.ts内的useDidShow
Taro项目模版
目前支持微信、支付宝、抖音、快手、百度小程序;支持H5
代码规范
- 默认集成了 prettier eslint stylelint 解决编码规范问题
- 默认集成了 commitlint commitizen 解决commit规范问题
- 默认集成了 husky lint-staged 解决了commit之前自动校验代码规范
开发效率
- 使用Unite库以空间换时间的方案加快研发速度,同时保证TS类型安全
- action层使用@antmjs/api实现根据TS类型自动生成action逻辑,保证类型安全
- action层也可以使用yarn swagger自动根据服务端的swagger api 自动生成action逻辑,保证类型安全
- 自动埋点
- 自动收集异常
- 自动处理异常
- 自动处理pullDownloadRefresh
- 快速使用自定义导航
- 快速支持事件抖动
- 二次封装了部分频繁使用的组件
使用
- 执行yarn rapper自动生成action层代码(需要的话)
- 执行yarn swagger自动根据服务端swagger api生成action层代码(需要的话)
- 需要引入iconfont可以执行 yarn iconfont 会自动生成src/iconfont.less
- yarn
- yarn watch:weapp(package.json里面填写对应环境的appId)
如果需要添加告警机制
- 将_antm.config.js 改成 antm.config.js
- 更新antm.config.js里面的webhooks.url的access_token
- 将.husky/pre-commit里面的npx antm-warning webhooks 注释取消
执行顺序 useDidShow 优先于useEffect执行
-
app show
-
app launch
-
index com show
-
index page show
-
index com load
-
index page load
-
index com hide
-
index page hide
-
second com show
-
second page show
-
second com load
-
second page load
-
index com show
-
index pageshow
-
second page unload
-
second com unload