Skip to main content
 Web开发网 » 站长学院 » 浏览器插件

如何入门微信小程序开发,有哪些学习资料?

2021年10月09日7070百度已收录

Github标星2.5万+,这是一份有文档、有源码、有Demo的微信小程序开发学习资源

所谓“实践出真知”,动手做就是一条快速入门微信小程序开发的路径。下面就为题主推荐一套Github上的微信小程序开发资源,这份资源汇总了微信的官方文档、用于开发微信小程序的各种框架、组件、插件的源码,还有80多个微信小程序Demo及源码。用好这份资源,学会微信小程序开发自然不在话下。

资源地址: justjavac/awesome-wechat-weapp

如何入门微信小程序开发,有哪些学习资料?  微信小程序开发文档 第1张

一、图文并茂的微信官方文档阅读官方文档能够让你快速了解小程序开发的基本知识,涉及到哪些模块、用什么语言、用户有怎样的需求……了解这些内容能够让你更清楚自己在做的事情,学习目标更明确。

设计:了解在手机页面上的排版布局

如何入门微信小程序开发,有哪些学习资料?  微信小程序开发文档 第2张

开发者工具:编辑、调试代码,预览、发布小程序……

如何入门微信小程序开发,有哪些学习资料?  微信小程序开发文档 第3张

上文图片来源:微信官方文档

框架、组件、插件……各个模块的介绍一应俱全。

二、汇总丰富的框架、插件和组件源代码这个资源包整理了一些比较受欢迎的开发工具,包括腾讯的WePY框架、美团点评的mpvue框架、提供微信小程序开发全方位支持的vim插件——Wxapp.vim、同微信原生视觉体验一致的基础样式库WeUI。这么多工具的源代码整合在一起,方便开发者获取并进行比较,选择合适的开发工具。

WePY——让小程序支持组件化开发的框架

如何入门微信小程序开发,有哪些学习资料?  微信小程序开发文档 第4张

图片来源:Tencent/wepy

如何入门微信小程序开发,有哪些学习资料?  微信小程序开发文档 第5张

图片来源:WePY

Vant Weapp——轻量、可靠的小程序 UI 组件库

如何入门微信小程序开发,有哪些学习资料?  微信小程序开发文档 第6张

如何入门微信小程序开发,有哪些学习资料?  微信小程序开发文档 第7张

图片来源:vant-weapp

三、各式小程序Demo+源码,开发更方便如果你不知道该选择哪种工具来开发你的微信小程序,可以先看看已有的小程序都用了哪些方法。这个资源包里提供了80多种好玩又实用的微信小程序,包括番茄时钟、新闻阅读器、淘票票、短视频社交软件……附带的Demo展示了运行效果,让你更容易判断哪种方法更符合你的学习需求,也可以在现有代码的基础上进行改进。

番茄时钟——timer帮你实践简单易行的高效工作方法

如何入门微信小程序开发,有哪些学习资料?  微信小程序开发文档 第8张

微信中的知乎——weapp-wechat-zhihu

如何入门微信小程序开发,有哪些学习资料?  微信小程序开发文档 第9张

如何入门微信小程序开发,有哪些学习资料?  微信小程序开发文档 第10张

图片来源:weapp-wechat-zhihu

简约风的微信小程序版博客——WeHalo 高端大气的界面,弹幕式的文章评论

如何入门微信小程序开发,有哪些学习资料?  微信小程序开发文档 第11张

如何入门微信小程序开发,有哪些学习资料?  微信小程序开发文档 第12张

图片来源:WeHalo

拿好这份资源,创造你自己的微信小程序吧~

欢迎关注 @人民邮电出版社 头条号,在这里发现更多学习资源,发现更多优质图书!

评论列表暂无评论
发表评论
微信