小程序开发工具

本页面汇总了小程序开发中常用的工具、资源和服务，帮助开发者提高开发效率和项目质量。

开发环境

官方开发工具

各平台提供的官方开发工具是开发小程序的基础环境。

平台	开发工具	描述
微信	微信开发者工具	微信小程序开发的集成环境，提供编码、调试、预览等功能
支付宝	支付宝小程序开发者工具	支付宝小程序开发的集成环境
百度	百度智能小程序开发者工具	百度智能小程序开发的集成环境
字节跳动	字节跳动小程序开发者工具	抖音、今日头条等字节系小程序开发工具
QQ	QQ小程序开发者工具	QQ小程序开发的集成环境
快手	快手小程序开发者工具	快手小程序开发的集成环境

跨平台开发框架

跨平台开发框架可以帮助开发者一次开发，多端部署，提高开发效率。

框架	官网	特点
Taro	https://taro.jd.com/	京东开源的多端统一开发框架，基于React
uni-app	https://uniapp.dcloud.io/	DCloud推出的多端统一开发框架，基于Vue
Remax	https://remaxjs.org/	使用React开发小程序的框架
Chameleon	https://cml.js.org/	滴滴开源的跨端统一框架
Mpx	https://mpxjs.cn/	美团开源的增强型小程序框架，基于Vue

开发辅助工具

UI组件库

优质的UI组件库可以帮助开发者快速构建美观、一致的用户界面。

名称	官网	平台
WeUI	https://github.com/Tencent/weui-wxss	微信
Vant Weapp	https://youzan.github.io/vant-weapp	微信
Ant Mini	https://mini.ant.design/	支付宝
TDesign	https://tdesign.tencent.com/miniprogram/overview	微信
Lin UI	https://doc.mini.talelin.com/	微信
uView	https://www.uviewui.com/	uni-app

调试工具

这些工具可以帮助开发者更高效地调试小程序。

名称	官网	功能
vConsole	https://github.com/Tencent/vConsole	轻量级的移动端调试面板
eruda	https://github.com/liriliri/eruda	移动端调试工具
wxapp-http-proxy	https://github.com/cytle/wxapp-http-proxy	微信小程序HTTP代理工具
miniprogram-simulate	https://github.com/wechat-miniprogram/miniprogram-simulate	小程序自定义组件测试工具

构建工具

这些工具可以帮助开发者优化构建流程，提高开发效率。

名称	官网	功能
gulp-mp-npm	https://github.com/wechat-miniprogram/gulp-mp-npm	微信小程序npm支持
miniprogram-ci	https://github.com/wechat-miniprogram/miniprogram-ci	微信小程序持续集成工具
mini-ci	https://opendocs.alipay.com/mini/02q17w	支付宝小程序持续集成工具
webpack-miniprogram	https://github.com/realywithoutname/mini-program-webpack-loader	使用webpack开发小程序的工具

云服务

云开发平台

云开发平台提供了后端服务、数据库、存储等能力，简化小程序的后端开发。

名称	官网	提供方
微信云开发	https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html	微信
支付宝小程序云	https://opendocs.alipay.com/mini/introduce/cloud	支付宝
百度智能云	https://cloud.baidu.com/doc/AppGallery/s/Ojwvyfn5g	百度
LeanCloud	https://leancloud.cn/	LeanCloud
腾讯云开发	https://cloud.tencent.com/product/tcb	腾讯云

第三方服务

这些服务可以为小程序提供特定功能，帮助开发者快速实现复杂功能。

名称	官网	功能
腾讯位置服务	https://lbs.qq.com/	地图、定位、路线规划等
高德开放平台	https://lbs.amap.com/	地图、定位、路线规划等
七牛云	https://www.qiniu.com/	图片处理、存储、CDN等
又拍云	https://www.upyun.com/	图片处理、存储、CDN等
讯飞开放平台	https://www.xfyun.cn/	语音识别、语音合成等
百度AI开放平台	https://ai.baidu.com/	图像识别、语音识别、自然语言处理等

设计资源

设计工具

这些工具可以帮助开发者设计和制作小程序界面。

名称	官网	功能
即时设计	https://js.design/	在线设计工具，支持小程序设计
墨刀	https://modao.cc/	原型设计工具，支持小程序原型
Figma	https://www.figma.com/	协作设计工具
Sketch	https://www.sketch.com/	专业的设计工具
Adobe XD	https://www.adobe.com/products/xd.html	用户体验设计工具

素材资源

这些资源可以为小程序开发提供设计素材。

名称	官网	类型
Iconfont	https://www.iconfont.cn/	图标库
Undraw	https://undraw.co/illustrations	插画资源
花瓣网	https://huaban.com/	设计灵感
站酷	https://www.zcool.com.cn/	设计作品、素材
UI中国	https://www.ui.cn/	设计资源、教程

学习资源

官方文档

各平台的官方文档是学习小程序开发的基础资源。

平台	文档链接
微信小程序	https://developers.weixin.qq.com/miniprogram/dev/framework/
支付宝小程序	https://opendocs.alipay.com/mini/developer
百度智能小程序	https://smartprogram.baidu.com/docs/develop/fuctionlist/list/
字节跳动小程序	https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/guide/introduction/
QQ小程序	https://q.qq.com/wiki/develop/miniprogram/frame/
快手小程序	https://mp.kuaishou.com/docs/develop/guide/introduction.html

社区资源

这些社区和网站提供了丰富的小程序开发学习资源。

名称	链接	描述
掘金	https://juejin.cn/tag/小程序	技术文章、教程
SegmentFault	https://segmentfault.com/t/小程序	问答、文章
微信开放社区	https://developers.weixin.qq.com/community/develop/mixflow	官方社区、问答
支付宝开放社区	https://forum.alipay.com/mini-app	官方社区、问答
GitHub	https://github.com/topics/miniprogram	开源项目、工具

测试与分析

测试工具

这些工具可以帮助开发者测试小程序的功能和性能。

名称	官网	功能
jest-miniprogram-runner	https://github.com/wechat-miniprogram/jest-miniprogram-runner	微信小程序单元测试
miniprogram-automator	https://developers.weixin.qq.com/miniprogram/dev/devtools/auto/	微信小程序自动化测试
mini-program-coverage	https://github.com/NewFuture/miniprogram-coverage	小程序代码覆盖率工具

数据分析

这些工具可以帮助开发者分析小程序的用户行为和性能数据。

名称	官网	功能
微信小程序数据分析	https://developers.weixin.qq.com/miniprogram/analysis/	官方数据分析工具
支付宝小程序数据分析	https://opendocs.alipay.com/mini/operation/data-analysis-guide	官方数据分析工具
百度智能小程序数据分析	https://smartprogram.baidu.com/docs/data/	官方数据分析工具
腾讯移动分析	https://mta.qq.com/	第三方数据分析工具
神策数据	https://www.sensorsdata.cn/	第三方数据分析工具

工具推荐

根据不同的开发阶段和需求，我们推荐以下工具组合：

初学者工具包

• 官方开发者工具
• WeUI或Vant Weapp等UI组件库
• vConsole调试工具
• 官方文档和社区教程

专业开发工具包

• 跨平台框架（Taro或uni-app）
• 专业UI组件库
• 云开发平台
• CI/CD工具（miniprogram-ci等）
• 自动化测试工具
• 数据分析工具

团队协作工具包

• Git版本控制
• 项目管理工具（如Trello、Jira等）
• 设计协作工具（如Figma）
• 文档协作工具（如语雀、飞书等）
• 代码规范工具（ESLint、Prettier等）

工具使用指南

我们提供了一系列工具使用指南，帮助开发者快速上手各类开发工具：

• 微信开发者工具使用指南
• Taro开发框架入门
• uni-app开发框架入门
• 小程序云开发指南
• 小程序CI/CD实践
• 小程序性能优化工具

工具更新日志

我们会定期更新工具列表和使用指南，确保提供最新、最实用的工具信息：

• 2023-12-15: 更新各平台官方开发工具版本信息
• 2023-11-20: 新增小程序自动化测试工具推荐
• 2023-10-05: 更新UI组件库列表和评价
• 2023-09-10: 新增跨平台开发框架对比分析
• 2023-08-01: 首次发布工具汇总页面