taro-msparis: 用 React 编写的基于Taro + Dva构建的适配不同端（微信/百度/支付宝小 ...

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样，Web、React-Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动小程序、H5、React-Native 等）运行的代码。

该项目基于Taro，构建了一个时装衣橱的项目演示，涉及了一个电商平台完整的业务逻辑和功能点，如果这个项目能驾驭的了，相信大部分公司的其他React项目也就不在话下。

效果演示

H5版 && 微信小程序版

技术栈

项目运行

git clone [email protected]:EasyTuan/taro-msparis.git# 国内镜像加速节点:[email protected]:easytuan/taro-msparis.gitcd taro-msparis# 全局安装taro脚手架npm install -g @tarojs/[email protected]# 项目依赖为1.2.2版本，如要升级，请同时升级项目依赖# 如用1.2.2版本，请忽略这句taro update project# 安装项目依赖npm install# 微信小程序npm run dev:weapp# 支付宝小程序npm run dev:alipay# 百度小程序npm run dev:swan# 字节跳动小程序npm run dev:tt# H5npm run dev:h5# React Nativenpm run dev:rn# pages模版快速生成npm run tep `文件名`

休闲一刻

项目说明

适配进度

目标功能

业务介绍

├── .temp                  // H5编译结果目录├── .rn_temp               // RN编译结果目录├── dist                   // 小程序编译结果目录├── config                 // Taro配置目录│   ├── dev.js                 // 开发时配置│   ├── index.js               // 默认配置│   └── prod.js                // 打包时配置├── screenshots            // 项目截图，和项目开发无关├── 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 `文件名`