微信小程序开发资源汇总

1,221 阅读18分钟

 本文收集了微信小程序开发过程中会使用到的资料、问题以及第三方组件库。本文不是一篇关于如何学习微信小程序的入门指南,也非参考手册,只是一些资料的整理。

本仓库中的资料整理自网络,也有一些来自网友的推荐。

官方文档

工具

  • uni-app ★36.1k+ - 使用 Vue 语法开发小程序、H5、App的统一框架
  • Taro ★30.6k+ - 使用 React 的方式开发小程序的框架,同时支持生成多端应用
  • WePY ★21.7k+ - 支持组件化的小程序开发框架
  • mpvue ★20.4k+ - 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系
  • chameleon ★8.6k+ - 一套代码运行多端,一端所见即多端所见
  • kbone ★4.2k+ - Web 与小程序同构解决方案
  • Remax ★4.2k+ - 使用真正的 React 构建小程序
  • wept ★2.3k - 微信小程序实时运行环境
  • wechat_web_devtools ★2.3k+ - Linux 下微信开发者工具
  • wafer ★2.1k - 快速构建具备弹性能力的微信小程序
  • MPX ★2.1k+ - 增强型小程序框架,深度性能优化,支持跨小程序平台开发,完全兼容原生小程序组件
  • Labrador ★1.7k - 支持 ES6/7 的微信小程序组件化开发框架
  • licia ★1.7k - 支持小程序的 JS 工具库
  • megalo ★1.6k - 基于 Vue 的小程序开发框架
  • CloudBase Framework ★1.1k - 腾讯云开发开源一键部署工具,支持部署小程序及云开发应用
  • tina ★1k+ - 轻巧的渐进式微信小程序框架
  • minapp ★800+ - TypeScript 版小程序开发框架(兼容原生小程序代码)
  • Okam ★300+ - 使用类 Vue 方式开发小程序的渐进增强框架,支持生成微信/百度等主流平台的小程序
  • xpmjs ★100+ - 微信小程序云端增强 SDK
  • WeApp-Workflow ★100+ - 基于 Gulp 的微信小程序前端开发工作流
  • weapp-tailwindcss-webpack-plugin ★100+ - 在小程序里使用 TailwindCSS 吧
  • gulp-wxa-copy-npm - 微信小程序 gulp 插件,解决 npm 包管理和 babel-runtime
  • weact - 用 JSX 快速开发小程序
  • socket.io-mp-client - 微信小程序 socket.io 客户端
  • @wxa - AOP小程序开发框架
  • postcss-pxtorpx-pro - postcss px 转 rpx 插件
  • px2rpx - Px 转 Rpx 在线工具
  • wxml-parser - JavaScript WXML parser
  • @wxml/parser, @wxml/traverse, @wxml/generator - WXML babel like AST interpreter
  • weappx - 基于 redux 的数据层管理框架
  • weapp-start - 基于插件机制的开发脚手架,改善原生小程序开发体验
  • Egret Wing - 支持微信小程序实时预览的 IDE
  • wxapp-graphql - 小程序 GraphQL 客户端
  • gulp-wxapp-boilerplate - 小程序+小程序云 Gulp 开发脚手架,支持云函数 mock
  • wenaox - 小程序数据层管理 ,轻量性能好,支持中间件
  • authing-wxapp-sdk - 身份认证 for 微信小程序
  • weapp-eslint-boilerplate - 微信小程序 Eslint 通用模板文件,节省自己配置的时间
  • Anka - 渐进式小程序开发工具集,提供通用的开发函数库及组件
  • WeAppBunXin - 微信小程序开发之影分身术,一套代码生成多个小程序
  • miniprogram-build - 小程序命令行编译工具(支持typescript,原生npm,资源文件压缩...)
  • wcc.js - wcc.js 是wxml文件和wxs文件编译器的nodejs实现
  • wcsc.js - wcsc.js 是wxss文件编译器的nodejs实现
  • weapp-gulp - Gulp高效构建微信小程序,让开发变得更简单
  • cheers-mp - Almost零配置微信原生小程序脚手架,vue-cli般的体验~(ts、less、原生npm、云OSS、CI自动发布体验版)
  • we-mobx - 在微信小程序中使用 MobX
  • weconsole - 功能全面、界面与体验对标 Chrome devtools 的可定制化的小程序开发调试面板
  • wechat-web-devtools-linux - Linux 下微信开发者工具
  • rubic - 基于 Vue3 的小程序开发框架,在小程序中使用 Composition API

↑ 返回目录 ↑

插件

↑ 返回目录 ↑

组件

↑ 返回目录 ↑

Demo

可以直接运行成功

数据接口有问题

 

精选32套源码目录:

IT之家小程序版客户端(使用 Mpvue 开发,兼容 Web)ithome-lite-master.zip

mpvue 仿网易严选mpvue-shop-master.zip

mpvue-音乐播放器mpvue-music-master.zip

mpvue性能测试与体验miniweibo-master.zip

mpvue改造的日历.zip

mpvue框架仿滴滴出行didi-master.zip

mpVue高仿美团小程序教程mpvue-meituan-master.zip

uni APP自动更新并安装.vue

uni-app nvue沉浸式状态栏(线性渐变色).vue

uni-app 二维码生成器分享wxqrcode.zip

uni-app 侧边导航分类,适合商品分类页面uni-app-left-navigation-master.zip

uni-app 自定义底部导航栏uni-app-bottom-navigation-master.zip

uni-app全局变量的几种实现方式.zip

uni-app的markdown富文本编辑器插件uniapp-markdown-master.zip

uni-app自定义导航栏title-custom.zip

uniapp聊天实例,支持图片,语音,表情.zip

uniapp选择器,包含一级,二级级联,三级级联uniapp-picker-master.zip

vue-mpvue-ChatRobot聊天机器人vue-mpvue-ChatRobot-master.zip

【小程序】CNode社区mpvue-cnode-master.zip

【插件、图表】7种图表漂亮丰富uniCharts.zip

一款播课类小程序, 基于 mpvue 构建mp-podcast-mpvue-master.zip

云档新版小程序端,基于mpvue开发cloud-doc-v2-master.zip

仿uc浏览器列表.vue

仿扎克新闻mpZAKER-master.zip

仿网易云UImusic播放器mpvue-music-master.zip

仿追书神器的小说阅读器小程序wx-book-master.zip

参照米家APP布局和样式,编写的一款智能家居小程序smart-home-master.zip

商城实例mpvue-xbyjShop-master.zip

基于 mpvue 实现豆瓣电影微信小程序mpvue-douban-master.zip

基于mpvue的优酷mpvue-youku-master.zip

校园助手示例SHUhelper-master.zip

类似mui中的chat(聊天窗口)实现uniapp-chat-master.zip

美团外卖(第三方)开源程序mpvue-master.zip

美食搜索mpvue-FG-master.zip

豆瓣平分mpvue-douban-pingfen-master.zip

顶部tabbar.vue

源码截图:

image.png

​源码获取:

关注公众号「码农园区」,回复 【uniapp源码】,即可获取全套源码下载链接

遥祝:学习愉快,工作顺利