All Projects → shenqihui → Taro_scaffold

shenqihui / Taro_scaffold

基于 Taro / dva / redux-saga / react 的微信小程序脚手架,同时集成了 sprite 。

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Taro scaffold

Wxapp Webpack Plugin
📦 微信小程序 webpack 插件
Stars: ✭ 185 (+670.83%)
Mutual labels:  wechat-mini-program, wechat, weixin, wxapp
Tina
💃 一款轻巧的渐进式微信小程序框架
Stars: ✭ 1,153 (+4704.17%)
Mutual labels:  wechat-mini-program, wechat, weixin, wxapp
Taro
开放式跨端跨框架解决方案,支持使用 React/Vue/Nerv 等框架来开发微信/京东/百度/支付宝/字节跳动/ QQ 小程序/H5/React Native 等应用。 https://taro.zone/
Stars: ✭ 30,230 (+125858.33%)
Mutual labels:  wechat-mini-program, wechat, weixin, wxapp
Weixin Java Miniapp Demo
基于Spring Boot 和 WxJava 实现的微信小程序Java后端Demo
Stars: ✭ 779 (+3145.83%)
Mutual labels:  wechat-mini-program, wechat, weixin, wxapp
Taro Msparis
🌱用 React 编写的基于Taro + Dva构建的适配不同端(微信/百度/支付宝小程序、H5、React-Native 等)的时装衣橱
Stars: ✭ 1,203 (+4912.5%)
Mutual labels:  wechat-mini-program, wechat, wxapp, dva
Agora Miniapp Tutorial
Hello world for Agora SDK running in https://en.wikipedia.org/wiki/WeChat#WeChat_Mini_Program
Stars: ✭ 75 (+212.5%)
Mutual labels:  wechat-mini-program, wechat, weixin
Mina Webpack
🍱 Mina single-file-component meets Webpack
Stars: ✭ 77 (+220.83%)
Mutual labels:  wechat-mini-program, wechat, weixin
Crmeb wechatminiprogram
CRMEBv2.6以客户管理为中心+电商营销系统,微信小程序商城,带分销、秒杀、积分、优惠券等功能
Stars: ✭ 158 (+558.33%)
Mutual labels:  wechat-mini-program, wechat, weixin
wxBase64
🏗️在小程序中使用 js-base64 库
Stars: ✭ 19 (-20.83%)
Mutual labels:  base64, weixin, wxapp
Qiniu Wxapp Sdk
qiniu SDK based on wxapp
Stars: ✭ 638 (+2558.33%)
Mutual labels:  wechat-mini-program, wechat, wxapp
Quietweather
☀️ Develop a weather wechat mini program application in two days - 两天撸一个天气应用微信小程序
Stars: ✭ 677 (+2720.83%)
Mutual labels:  wechat-mini-program, wechat, weixin
Python Weixin
微信(weixin|wechat) Python SDK 支持开放平台和公众平台 支持微信小程序云开发
Stars: ✭ 746 (+3008.33%)
Mutual labels:  wechat, weixin, wxapp
Juejin
💰 Unofficial JueJin wechat mini program application - 掘金非官方微信小程序
Stars: ✭ 771 (+3112.5%)
Mutual labels:  wechat-mini-program, wechat, weixin
Weixin Minigame Tutorial
Flappy Bird adaptation on Wechat Minigame using PhaserJS + English Wechat Minigames Tutorial
Stars: ✭ 56 (+133.33%)
Mutual labels:  wechat-mini-program, wechat, weixin
Wxapp Boilerplate
使用 webpack, babel, scss 开发的微信/支付宝小程序项目脚手架
Stars: ✭ 367 (+1429.17%)
Mutual labels:  wechat-mini-program, wechat, wxapp
Weapp Qrcode Base64
微信小程序生成二维码的插件,基于base64编码输出二维码,不依赖canvas
Stars: ✭ 100 (+316.67%)
Mutual labels:  base64, wechat, wxapp
Wechat Weapp Movie
🎬电影推荐 - 微信小程序
Stars: ✭ 1,355 (+5545.83%)
Mutual labels:  wechat, weixin, wxapp
Wx Miniprogram Boilerplate
基于Gulp微信小程序开发工作流,支持less样式编写,支持ESLint代码检查等功能
Stars: ✭ 122 (+408.33%)
Mutual labels:  wechat, weixin, wxapp
wxbizdatacrypt
微信小程序加密数据解密算法Go版
Stars: ✭ 132 (+450%)
Mutual labels:  weixin, wxapp, wechat-mini-program
Wepy Mall
微信小程序--基于wepy 商城(微店)微信小程序 欢迎学习交流
Stars: ✭ 3,224 (+13333.33%)
Mutual labels:  wechat-mini-program, wechat, weixin

我的 Taro 小程序脚手架

文档参考

https://nervjs.github.io/taro

关于 sprite

由于 Taro 目前已知尚未支持 sprite ,如果需要的话,就可以直接使用 gulp 开启一个 sprite 任务。

yarn spwatch : 监控形式的 sprite 任务。

yarn spbuild : 打包形式的 sprite 任务。

sprite 图片存放路径

放在 src/sprites 下面,里面的 src/sprites/_sprites.scss 为基础的模板。

sprite 临时文件

  • 位于 src/.sprites 文件夹。
  • sprites-base64.scss 为 base64 的背景图存放信息。
  • sprites.scss 为 sprites 输出的 scss 。
  • sprites.png 为合并之后的 sprites 图,sprites-base64.scss 生成之后就没使用了。

项目 scripts

  • yarn start , 这个会直接开启 sprite 和 taro 的开发任务
  • yarn release , 打包的,会包含 sprite 以及 taro 的打包语法一起打包。
  • package.json 中其他 scripts 指令,和 taro 或者其他相同。可以试一下。

如何使用

  • clone
  • yarn && bower install
  • 随便自己想怎么改怎么改动
  • 如果有需求,欢迎提 issue ,我会考察之后进行增加
  • 第三方组件使用 bower 管理,存放在 src/bower 里面,运行前使用先 bower install(确保本地已经安装 bower)

tags

-v0.5.0:

  • taro 升级到 1.2.1
  • 删除 pages/index 中 render 之外的 jsx 渲染的调用例子代码(不支持的)
  • v0.4.0: (忘了打的感觉)
    • taro 升级到 0.0.73 -> 1.0.0-beta.4 -> 1.0.0-beta.6
    • 增加组件的引用例子(组件名必须和使用时候的名字一致)
    • 增加 iview 等第三方组件使用的例子(使用 bower 管理组件)
    • 分离首页的例子到单独每个页面
  • v0.3.0: 加入 wxs 的说明,以及 js 和 jsx 中导入的不同情况例子。(尚未支持 iview)
  • v0.2.0: 加入了 sprites
  • v0.1.3: 改用 axios
  • v0.1.2: 使用 dva 的 redux 模式进行处理
  • v0.1.1/v0.1.0: Taro 初始化
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].