Node环境
Taro 项目基于 node,请确保已具备较新的 node 环境(>=8.0.0),推荐使用 node 版本管理工具 nvm 来管理 node,这样不仅可以很方便地切换 node 版本,而且全局安装时候也不用加 sudo 了。
React开发框架
Taro 是一套遵循 React 语法规范的 多端开发 解决方案,因此,学习taro,必须先学习React,React官方有入门级的中文教程,适合从来没接触过React的开发,也可以看视频:https://www.bilibili.com/video/BV1yJ411374r?p=8
TypeScirpt
移动 WEB 多端脚手架和UI 组件库Fish Mobile开发使用TypeScript编写,当然也支持不使用TypeScript 。如果你的团队时间充裕,推荐学习下中文入门教程
TSLint
代码检查主要是用来发现代码错误、统一代码风格。在 JavaScript 项目中,我们一般使用 ESLint 来进行代码检查,TSLint 与 ESLint 类似,不过除了能检查常规的 js 代码风格之外,TSLint 还能够通过 TypeScript 的语法解析,利用类型系统做一些 ESLint 做不到的检查。
css样式
移动 WEB 多端脚手架引入Sass做css预处理器,详见SASS用法指南。
微信小程序调试
使用移动 WEB 多端脚手架开发的项目,调试发布小程序会用到微信小程序开发工具(使用之前最好到微信公众平台注册获取一个小程序ID和密钥,否则功能会受限),常用的功能有
- 工具-刷新:仅仅刷新
- 编译:可以当做刷新来用
- 预览:部分功能,特别是端能力,只能在真机上看的效果
- 详情:调试基础库经常需要更新,域名访问受限的时候,本地调试勾选【不校验合法域名】先去掉限制
- 清缓存:一般用来调试授权,登陆
- 上传:上传到微信公众平台,发布体验版本。另外开发阶段,需要通过平台配置服务器域名,开发人员等
- 重启:修改代码自动更新(热重启)经常会碰到此工具无法识别一些依赖
公众号调试
使用移动 WEB 多端脚手架开发的项目,调试公众号会用到web开发工具,如果不调试授权登陆等相关,使用使用Chrome DevTools 中的Device Mode 模拟移动设备也可以。
