taro - 程序员宅基地

Taro（多端开发框架）快速入门

Taro介绍 Taro是一个开放式跨端跨框架解决方案，支持使用React、Vue.js、Nerv等框架来开发小程序、H5、react Native等应用。特性多端转换支持可以支持转换到 H5、ReactNative 以及任意小程序平台。目前官方...

前端开发框架“taro”从入门到爆哭--介绍与安装篇

标签： taro 前端 typescript

Taro框架入门

taro项目taro项目taro项目taro项目taro项目taro项目taro项目

标签： taro

taro项目taro项目taro项目taro项目taro项目taro项目taro项目

非常详细的Taro入门教程

标签： javascript 前端 react.js

得益于与React保持一致API的特性，Nerv可以无缝兼容到React的相关生态，例如react-router，react-redux，以及使用React开发的组件，所以对于旧的React项目，可以无痛地将React替换成Nerv。可以看出小程序和 Web 端上...

Taro 和 uni-app选型对比

标签： taro uni-app

（4）周边生态丰富：支持NPM包管理，兼容微信小程序自定义组件及JS，...不过进一步仔细发现，taro文档里大量存在只有微信平台打勾的情况，H5和App侧大量的X。一套代码，可以发布到IOS，Android，小程序，H5等多个平台。

Taro -安装及使用

标签： taro

如果你所使用的 Taro CLI 版本为 3.0.9，而项目里使用的依赖版本为 3.0.10，则有可能会出现问题，这时请将你的 Taro CLI 版本更新至项目依赖版本号相同的版本，如果还是出现问题，请向我们提出 Issue。下载并打开...

入门 Taro

标签： taro 前端 javascript

入门 Taro

taro-deploy:自动化构建发布 Taro （微信支付宝）小程序

标签： ci wechat-mini-program miniprogram alipay-mini-program taro tarojs JavaScript

taro-deploy 是什么？如果你使用开发小程序项目，可以使用本项目提供的命令行工具，进行一键自动化构建发布，并将构建结果推送到钉钉群里。为什么要用 taro-deploy？Taro 小程序开发者常有这种痛点：开发好代码想要...

taro-tiktok:Taro3 跨端开发教学案例

标签： html5 cross-platform mini-program taro tiktok JavaScript

Taro TikTok 基于 Taro3 编写的跨端（小程序 & H5）短视频 demo 在开发过程中，我遇到了 Taro v3.0.9 在 H5 端的一些问题： Taro.createVideoContext 无法使用 Video 组件无法全屏，播放暂停等方法无法调用 Cover...

taro-plugin-tailwind:Taro接收tailwindcss插件

标签： tailwindcss windicss taro-tailwind JavaScript

安装在Taro项目根目录下安装$ npm i taro-plugin-tailwind --save-dev$ # 或使用 yarn$ yarn add -D taro-plugin-tailwind使用约会插件请确保Taro CLI已升级到Taro 3的最新版本，确保taro-plugin-tailwind版本在...

一个taro适配Android、iOS、微信小程序、H5最佳实践项目的脚手架

标签： taro android ios 微信小程序

typescript+eslint+redux+taro+react-native+mock taro适配Android、iOS、微信小程序、H5最佳实践,主要涉及到了基础网络请求的封装、适配了多端的SafeArea安全区域、style工具样式引用替换scss的繁琐写法大幅度简化...

taro-shop:taro3.x 小程序商城前端 + 后端

标签： react redux nodejs taro-ui taro3 JavaScript

前端taro 商城小程序taro 入门项目技术栈Taro + Taro-ui + Redux + lessTaro 是一套遵循 React 语法规范的多端开发解决方案。使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以...

taro-form:Taro可视化表单编辑器

标签： JavaScript

Taro表单编辑器基于Taro3和react-dnd组件开发的表单编辑器，将支持多个平台（小程序、h5、app）目前仍在开发中，因接口限制，编辑模式仅支持在h5端。预览版当前版本任处于开发阶段，可能存在api改版或者bug修复导致...

taro-list:Taro 列表滚动组件

标签： TypeScript

taro-list 支持下拉刷新、加载更多、虚拟列表安装及使用 npm i taro-list 小程序 demo 配置文件里添加 copy: { patterns: [ { from: 'node_modules/taro-list/dist/weapp/components/List/refresh.wxs', to...

taro-ui-demo:非 Taro UI 官网示例代码

标签： JavaScript

Taro UI Demo 使用 Taro UI 的示例该仓库不是 Taro UI 示例小程序的源码，源码请查看相关链接安装需要安装 Taro 开发工具 @tarojs/cli npm install -g @tarojs/cli 下载项目并安装依赖 git clone ...

taro-native-shell:Taro 原生 React Native 壳子

标签： Objective-C

目前支持0.60以上的RN版本, 以及 Taro3 (支持 Taro 3.2.0-beta.4及以上版本，以下版本请使用 0.63.2 版本)Taro 2 对应分支：Taro 1 对应分支：taro-native-shellTaro 原生 React Native 壳子，和 React Native init ...

taro-calendar-heatmap:Taro构建的日历热图组件

标签： TypeScript

基于Taro的日历热力图，类似以GitHub贡献统计图。安装与约会安装 npm i taro-calendar-heatmap --save ♡ import CalendarHeatmap from 'taro-calendar-heatmap' ; // 引入样式 import 'taro-calendar-heatmap/...

taro-iconfont-cli:在Taro框架中使用iconfont图标，支持多端，支持多色彩，不依赖字体

标签： iconfont taro iconfont-cli taro-iconfont react-native-iconnfont mini-program-iconfont JavaScript

taro-iconfont-cli 在Taro框架中使用iconfont图标，不依赖字体，支持多色彩。支持平台微信小程序支付宝小程序百度小程序头条小程序 QQ小程序 H5 特性 1、一键生成标准组件，多端支持 2、使用方便，import即可 3...

taro-wemark:微信小程序markdown渲染库-Taro框架适配版本

标签： wechat-mini-program taro wemark JavaScript

微信小程序markdown渲染库-Taro框架适配版本原版链接 GitHub地址：使用方法 1、将src目录复制到自己的项目中，目录更名为taro-wemark。 2、在页面中使用 // 引入组件 import Taro, { Component } from '@tarojs/...

taro-skeleton:基于Taro的一个骨架屏组件，简单易用

标签： TypeScript

基于 Taro 的一个简单易用的骨架屏组件 2.0版本以上支持 Taro3.0 支持多端平台使用微信小程序 h5 百度小程序头条小程序支付宝小程序其它平台未测试快速上手引入组件 import Skeleton from 'taro-skeleton' ...

vue-taro-router:基本 Taro ，扩展成 vue-router 的使用体验

标签： npm router vue npm-package taro taro-vue-router JavaScript

VueTaroRouter基本 Taro ，扩展成 vue-router 的使用体验Installationnpm i vue-taro-router -SUsage// router.jsimport VueTaroRouter from "vue-taro-router";const router = new VueTaroRouter();// 添加拦截器...

taro-inject-component-loader:为 Taro React 小程序注入全局组件

标签： JavaScript

Taro React 小程序注入全局组件缘由众所周知，小程序中不能定义全局组件，如果我们想自定义一个 modal 弹窗，来替代 wx.showModal 的话，则需要在每个页面手动的引入组件。随着项目越来越大，手动引入组件无疑是...

taro-music-ts：优秀的taro开源项目

标签： react redux sass typescript js dva taro SassHTML

说明由Taro-cli构建，搭配typescript和dva使用适合微信小程序和h5（由于Taro.getBackgroundAudioManager不兼容h5，目前h5端不能正常播放）部分代码参考自运行首先启动服务端，接口服务由提供，下载代码，启动服务，...

echarts-taro3-react:taro3.x-react构建的微信小程序echarts组件，及使用示列

标签： react weapp echarts taro taro3 JavaScript

echarts-taro3-react基于Taro3.x-React框架构建的微信小程序版本echarts组件，及使用示例代码体积过大解决方案：使用分包，自定义echart.js，自行前往（注意：版本需要选择4.9.0，不要勾选压缩，可下载下来后自行...

taro3-vant-sample:Taro3 中使用 vant-weapp 的示例

标签： JavaScript

taro3-vant-sampleTaro3 中使用 vant-weapp 的示例 React 版本需要关注的点引用 vant 组件引用 vant 组件需要在页面的 config 文件中进行配置，如export default { navigationBarTitleText: '首页', usingComponents...