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 来进行代码检查,TSLintESLint 类似,不过除了能检查常规的 js 代码风格之外,TSLint 还能够通过 TypeScript 的语法解析,利用类型系统做一些 ESLint 做不到的检查。

css样式

移动 WEB 多端脚手架引入Sass做css预处理器,详见SASS用法指南

微信小程序调试

使用移动 WEB 多端脚手架开发的项目,调试发布小程序会用到微信小程序开发工具(使用之前最好到微信公众平台注册获取一个小程序ID和密钥,否则功能会受限),常用的功能有

  • 工具-刷新:仅仅刷新
  • 编译:可以当做刷新来用
  • 预览:部分功能,特别是端能力,只能在真机上看的效果
  • 详情:调试基础库经常需要更新,域名访问受限的时候,本地调试勾选【不校验合法域名】先去掉限制
  • 清缓存:一般用来调试授权,登陆
  • 上传:上传到微信公众平台,发布体验版本。另外开发阶段,需要通过平台配置服务器域名,开发人员等
  • 重启:修改代码自动更新(热重启)经常会碰到此工具无法识别一些依赖

    公众号调试

    使用移动 WEB 多端脚手架开发的项目,调试公众号会用到web开发工具,如果不调试授权登陆等相关,使用使用Chrome DevTools 中的Device Mode 模拟移动设备也可以。