Total Pageviews

Sunday 16 June 2019

taro-cnode

Taro 开发的多端cnode客户端,h5 , 小程序 ,demo site: 

这是什么?

这是一个Taro 开发的多端客户端.
你也可以把他看成是Taro开发指南, 你也可把他看成React开发教程,
你还可以把他看成是Vue和React的比较开发教程。
因为UI和代码基本参照 https://github.com/shinygang/Vue-cnodejs
你基本上可以找到跟 https://github.com/shinygang/Vue-cnodejs 一对一的目录结构。

起步

git clone --depth 50 -b master --single-branch https://github.com/icai/taro-cnode.git && cd taro-cnode

npm install -g @tarojs/cli

npm install

npm run dev:h5

预览效果

  • h5预览地址
  • 小程序地址
还在调试中,待定
taro 完整程序可以参考:

声明

基于 https://github.com/shinygang/Vue-cnodejs 和 taro-cli 实现.
 
---------------------------------

Awesome Taro

多端统一开发框架 Taro 优秀学习资源汇总 Awesome

官方资源

文章教程

开发技巧

示例项目

开源项目

第三方库和组件

from  https://github.com/NervJS/awesome-taro
https://gitcode.com/NervJS/awesome-taro/overview
---------------------------------

用 React 编写的基于Taro + Dva构建的适配不同端(微信/百度/支付宝小程序、H5、React-Native 等)的时装衣橱.

前言

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样,Web、React-Native、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信/百度/支付宝/字节跳动小程序、H5、React-Native 等)运行的代码。
该项目基于Taro,构建了一个时装衣橱的项目演示,涉及了一个电商平台完整的业务逻辑和功能点,如果这个项目能驾驭的了,相信大部分公司的其他React项目也就不在话下。
如遇网络不佳,请移步国内镜像加速节点

效果演示

查看demo请戳这里(请用chrome手机模式预览)

H5版 && 微信小程序版

 

技术栈

React + Taro + Dva + Sass + ES6/ES7

项目运行


git clone git@github.com:EasyTuan/taro-msparis.git

# 国内镜像加速节点:git@gitee.com:easytuan/taro-msparis.git

cd taro-msparis

# 全局安装taro脚手架
npm install -g @tarojs/cli@1.2.2

# 项目依赖为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

# H5
npm run dev:h5

# React Native
npm run dev:rn

# pages模版快速生成
npm run tep `文件名`
from https://github.com/EasyTuan/taro-msparis 
  ----------
https://github.com/NervJS/taro 
https://gitcode.com/NervJS/taro/overview 

No comments:

Post a Comment