Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hugetiny/quit-smoking
一星好评不能再多了，我到现在都没戒烟。Taro+Taro UI
https://github.com/hugetiny/quit-smoking
Last synced: about 2 months ago
JSON representation
一星好评不能再多了，我到现在都没戒烟。Taro+Taro UI
- Host: GitHub
- URL: https://github.com/hugetiny/quit-smoking
- Owner: hugetiny
- License: mit
- Created: 2018-12-23T14:42:08.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-03-25T07:02:50.000Z (over 4 years ago)
- Last Synced: 2024-07-27T15:44:30.090Z (2 months ago)
- Language: JavaScript
- Homepage:
- Size: 8.63 MB
- Stars: 47
- Watchers: 6
- Forks: 16
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-taro - 基于 Taro + Taro-ui + dva 开发的公益 App
README
# Quit smoking is a Taro&Taro UI Demo
# Quit smoking的诞生
# 安装
需要安装 `Taro` 开发工具 `@tarojs/cli`
```bash
npm install -g @tarojs/cli
```
## 编译并预览
进入项目目录开始开发，可以选择小程序预览模式，或者 h5 预览模式，若使用微信小程序预览模式，则需要自行下载并打开微信开发者工具，选择预览项目根目录。
**微信小程序编译预览模式**
```bash
# npm script
$ npm run dev:weapp
# 仅限全局安装
$ taro build --type weapp --watch
# npx用户也可以使用
$ npx taro build --type weapp --watch
```
**H5 编译预览模式**
taro
```bash
# npm script
$ npm run dev:h5
# 仅限全局安装
$ taro build --type h5 --watch
# npx用户也可以使用
$ npx taro build --type h5 --watch
```
# 适配进度
- [x] H5 -- 完成
- [x] 微信小程序 -- 完成
- [ ] 支付宝小程序 -- 95%
- [ ] 百度小程序 -- 25%
- [ ] React Native -- Taro匹配RN优先级是最低的，要等
- [ ] 字节跳动小程序 -- 0%
- [ ] 快应用 -- 0%
## 技术栈
React + Taro + Taro UI + Dva + Scss + ES6/ES7
## 业务介绍
目录结构
├── .temp // H5编译结果目录
├── .rn_temp // RN编译结果目录
├── dist // 小程序编译结果目录,目前所有平台小程序都会打包到这里
├── config // Taro配置目录
│ ├── dev.js // 开发时配置
│ ├── index.js // 默认配置
│ └── prod.js // 打包时配置
├── src // 源码目录
│ ├── components // 公共组件
│ ├── config // 项目开发配置
│ ├── assets // 静态文件
│ ├── models // redux models
│ ├── pages // 页面文件目录
│ │ └── home
│ │ ├── index.js // 页面逻辑
│ │ ├── index.scss // 页面样式
│ │ └── service.js // 页面api
│ ├── styles // 样式文件
│ ├── utils // 常用工具类
│ ├── app.js // 入口文件
│ └── index.html
└── package.json
# 文档
### Taro开发文档
> https://nervjs.github.io
### dva开发文档
> https://dvajs.com
### Taro UI开发文档
> https://taro-ui.aotu.io
### 微信小程序开发文档
> https://developers.weixin.qq.com/miniprogram/dev
### 支付宝小程序开发文档
> https://docs.alipay.com/mini/developer/
### 钉钉小程序开发文档
> https://open-doc.dingtalk.com/
### 百度小程序开发文档
> https://smartprogram.baidu.com/docs/develop/tutorial/codedir/
Taro UI一直不支持RN这点让我放弃了继续维护的动力
一个官方的UI框架都不能完全支持官方本身的框架的话，那真的很鸡肋