2022- taro再学习

当前使用的taro版本： 3.4.11

taro 的一些命令

1. 全局安装taro npm install -g @tarojs/cli。
2. 将当前taro项目CLi更新到最新版本taro update self。
3. 将当前taro项目项目依赖更新到与@tarojs/cli一致的版本taro update project 。

微信开发者工具的配置

4. 微信开发者工具相关设置
   
   

taro 中的样式

5. taro项目添加css modules功能

6. taro 样式单位推荐使用 px 和 百分比，编译到小程序时，会将 px 转成 rpx，编译到h5时，会将 px 转换成 rem。

7. 适配设计稿尺寸
   
   Taro v3.4.13 开始支持配置函数形式的 designWidth。 例如：
   

8. 行内样式的多端适配 Taro.pxTransform(num)
   

9. 样式转换忽略方法
   

10. 新增和减少页面，都需要在app.config.js配置。配置时无需文件后缀名。默认page数组的第一项为首页。

11. 分包和独立分包。小程序所有分包不能超过20M，单个主包和分包不能超过2M。
    

12. page.config.js大于app.config.js。可以在页面内使用definePageConfig 来代替page.confg.js。

实现动态设定不同平台的当前页面的表现形式：在page.config.ts中

或者：

页面内使用definePageConfig, 来代替page.config.ts; 注意：页面内使用definePageConfig时，无法使用变量。

12. 路径别名设置：

使用时，vscode ts会报错，解决报错：在tsconfig.json中添加paths配置
报错：

tsconfig.json中添加paths配置：

不再报错：

13. taro v.3.3+开始支持使用html标签。
    

14. 组件和组件属性均用小写并用短横线拼接。
    

15. 使用vue时，点击事件用@tap

16. 获取真实DOM，在onReady声明周期中。
    

17. 在页面组件中，通过onLoad获取路由参数。

18. 页面组件当中的子组件，可以通过使用taro内置的消息机制，在页面级别的onReady和onShow、onHide生命周期中进行操作。
    子组件中：
    

19. 小程序样式中不能直接使用本地资源。
    

20. 使用taro的内置环境变量，来处理跨平台的适配
    process.env.TARO_ENV
    

21. 跨平台多端优雅写法
    

22. taro 的升级命令
    taro update self // 升级 taro/cli 到最新版本
    taro update project // 升级项目依赖