总结一下小程序的学习路径、入门方法
博主从事微信小程序开发已经快一年多了吧,算上业余时间(业余项目)、工作时间(公司项目)。不算试水期,小程序是2016年底开放公测的,当时只是听说有这么个东西,但是一直没有契机去尝试。直到2018年才想起去学习这门技术,当时公司项目在维护阶段了,事情不多,心底有些恐慌。所以就抽空看了下相关知识,没有人带,自己看起来也是挺吃力的,对着那些标签也是一头雾水。一直没什么很大的进展,对着官方文档照猫画虎,只会做做简单的东西,菜的一比。练习的第一个小程序就是个简单的列表。
下面就结合自己的情况来帮助你入门小程序开发,少走些弯路。
# 前端必备基础知识
如果你是0前端经验来做小程序的话,建议你先看一看基础知识
基础知识:
- html:了解下常用的标签
- css:了解下常用布局、着重了解下流式布局(小程序上应用的比较多)
- js:了解下基础语法、表达式
如果你是经验者,写过很多web页面了可以进入下一步。
如果你有vue的开发经验更好,小程序的语法与vue的还是有些相似性的。
# 注册小程序
使用个人邮箱注册小程序(个人开发者),同时要了解下服务类目
# 服务类目
微信对于小程序的用途有严格控制。根据自己的目的选择合适类目。免得开发完了却无法审核上线。
# 运营规范
建议通读下运营规范、涉及诱导分享、恶意营销、高危内容的功能不要做
# 开发文档
官方文档 (opens new window)现在比较全面了。可以从指南按顺序依次看起。
如果不想全部看完可以先了解下目录结构、组件、基础标签什么的。写简单的demo来练练手熟悉标签,语法。
因为安全及可控性要求,小程序是不支持jquery的。所以,呵呵😒。
# 服务器
如果你不仅仅是做个静态小程序就要选择云开发或者自建服务器了。这时需要备案域名,shell、Linux要熟悉一下,起码知道怎么连接服务器,创建文件夹,克隆仓库,更新代码。配置https服务。
# 开发者工具
工具 (opens new window)一共有三个版本,稳定版、预发布版、开发版。下载使用稳定版就可以了,其它出bug的几率较高。
熟悉下工具的界面、功能就可以。工具我只是调试用的,码代码我还是用的vscode。
# 小程序框架
看使用喜好和经验了,熟悉vue语法的可以用wepy、mpvue、mpx,熟悉react的可以用taro
# 小程序UI库
可以使用iview、有赞的Vant Weapp、wux
# 微信支付
个人号的话没有支付功能、只有企业号开放了微信支付