技术栈

React + Taro + Dva + Sass + ES6/ES7

项目运行

安装项目依赖 npm install

• 微信小程序 npm run dev:weapp

• 支付宝小程序 npm run dev:alipay

• 百度小程序 npm run dev:swan

• 字节跳动小程序 npm run dev:tt

• H5 npm run dev:h5

• React Native npm run dev:rn

• pages模版快速生成 npm run tep '文件名'

---

项目说明

git分支说明：

master：项目的稳定版本

test: 项目测试版本

feature：项目开发分支

目录结构

├── .temp                  // H5编译结果目录
├── .rn_temp               // RN编译结果目录
├── dist                   // 小程序编译结果目录
├── config                 // Taro配置目录
│   ├── dev.js                 // 开发时配置
│   ├── index.js               // 默认配置
│   └── prod.js                // 打包时配置
├── site                   // H5静态文件（打包文件）
├── src                    // 源码目录
│   ├── components             // 组件
│   ├── config                 // 项目开发配置
│   ├── images                 // 图片文件
│   ├── models                 // redux models
│   ├── pages                  // 页面文件目录
│   │   └── home
│   │       ├── index.js           // 页面逻辑
│   │       ├── index.scss         // 页面样式
│   │       ├── model.js           // 页面models
│   │       └── service.js        // 页面api
│   ├── styles             // 样式文件
│   ├── utils              // 常用工具类
│   ├── app.js             // 入口文件
│   └── index.html
├── package.json
└── template.js            // pages模版快速生成脚本,执行命令 npm run tep `文件名`

文档

Taro开发文档

https://nervjs.github.io/taro/docs/README.html

dva开发文档地址

https://dvajs.com/

微信小程序官方文档

https://mp.weixin.qq.com/debug/wxadoc/dev/

百度智能小程序官方文档

https://smartprogram.baidu.com/docs/introduction/register/index.html

支付宝小程序官方文档

https://docs.alipay.com/mini/developer/getting-started

字节跳动小程序官方文档

https://microapp.bytedance.com/