开篇

时间真的是飞快的，现在是2019/6/4，半年的时间转眼即逝。

我开始接触小程序开发还是18年的寒假，到目前为止时间不算长但也有小一年的时间了，这期间开发了两款小(hen)程(low)序。其中一个小程序是拿去参加2019小程序应用开发赛的(西南赛区)，抱着试一试的态度去的（ps:队名也叫try），前段时间在掘金上看到了一个今年参赛的队伍写了一篇介绍自己作品的文章后，的确感觉到了一种可望不可及。

这也让我意识到小程序开发还有很长的路要走，这条路虽长，但是我会坚持走下去，因为就如我标题所说遇见小程序后，它带给了我很多乐趣。昨天看到公众号推送的社区有征文活动的消息，没有犹豫的点进去看了看。然后就开始准备写您所看到的这篇文章。

开篇的废话有点多，后方低能预警🙃（笔者的技术水平有限，可能技术层的分享不多），更多的可能是一些学习历程和经验

路漫漫其修远兮

小程序有趣，但是想要开发一个小程序也不是看一看就能完成的，我们需要去学习它。俗话说：“冰冻三尺非一日之寒”，所以这还要我们始终怀着一颗热爱的心，和坚持不懈的毅力。

那如何学习开发小程序呢？互联网时代的好处就是资源的共享，这改变了我们的生活，当我们想要了解学习某一事物的时候，我们可以打开某搜索引擎进行搜索就能获得很多有用的资源（ps：虽然广告太多了），下面分享一些我学习的经验和资源

学习资源

在那个寒假里我一直想着开发一个自己的小程序，但是当时就是一个白的不能再白的小白！哈哈，啥也不会。于是我便开始各种的在网上找学习教程什么的，这里想说得是学习不仅要有资料还要找到适合自己方法，这很重要。我个人的学习历程如下

阅读资料

阅读的资料首推的肯定是官方文档，能把文档读完，其实也差不多了，其他的阅读资料我这收集的不是很多

• 文档
• 一篇博客

视频资源

关于视频教学资源，我其实只想推荐一个网站哔哩哔哩，B站真的是一个神奇的网站，”我在B站学编程“ 真的不是一句玩笑😋

• 哔哩哔哩-搜索微信小程序 自选

我看过的视频

• 【微信小程序】从入门到入土课程

• 【微信小程序】腾讯工程师教你开发

• 微信小程序腾讯官方学习课程-学做小程序

云开发教程

• 小程序·云开发——私房书柜项目实战

工欲善其事必先利其器

在我们学习了一些小程序的知识的时候，我们就可以到实践阶段了，但 “工欲善其事必先利其器”。作为程序员都有自己最喜欢最趁手的一个IDE，小程序开发也是一样，小程序官方也给开发者准备了一个非常出色的编辑器微信开发者工具，在我看来它的功能是很强大的，有很多的优点，但是就像人一样没有人十全十美，就目前的开发者工具来说还是有一些缺点，但是官方也一直在改进，这是值得大家期待和赞扬的。

优点

• 自带模拟器
• 代码提交方便
• 云开发

缺点（有些收集，也有个人看法）

• 工具经常出现莫名的bug，偶尔黑屏
• 偶尔会有粘贴复制失效（截至目前未发现了）
• 代码提示较少

作为新手开发者来说，使用微信开发者工具来开发小程序已经是绰绰有余，但是现在对于有了一些经验的开发者来说他们的追求的可能更多的是编程的舒适感，所以现在主流的小程序开发是使用VScode+微信开发者工具的组合。我在最初学习的小程序的时候一直使用的微信开发者工具，它足以满足我所有的需求，但当我尝试了这个组合之后我觉得有必要推荐一波

推荐理由：

1. VScode拥有极其丰富的插件库，通过这些插件可以提高我们编码的效率。
2. VScode现在基本上已经是主流编辑器了，所以学习使用它，对以后的工作来说也是有帮助的
3. VScode的风格也极其舒适

下载地址

• VScode
• 微信开发者工具

VScode基本配置

使用VScode开始开发之路前，我们还需要进行一些配置，但是这里的配置也就是下载一些常用的插件而已，没有很难很复杂得配置，说到插件最常用的是如下几个，安装也很方便，只需要打开vscode的插件市场按名称搜索点击安装就行

• minapp

支持微信小程序标签、属性的智能补全，
并且提示中包含文档内容
（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）。

• wechat-snippet

这个插件主要的功能就是代码辅助，
代码片段自动完成，可以作为上个插件的补充。

• wxml

这款插件用于将wxml代码进行高亮显示，
并且提供代码格式化的功能，可将代码格式化为较易阅读的样式

不用担心模拟器的预览问题，当微信开发者工具和VScode里面的项目目录一样的时候，当你在VScode里面保存之后，微信开发者工具的模拟器会自动编译

tips:将微信开发者的代码编辑器关闭把模拟器调大一点效果更佳

界面的开发

基础

详细看过文档和看过教学视频后，相信都明白了小程序的页面构成，这里我要说的主要是需要打牢基础，可以去模仿一些好看的小程序界面，强调的是在这个阶段要自己写代码，不可以CV大法😂，也可以在github上面找一些别人开源的小程序，边自己写，边对着看，有效果的。下面是github一些开源的小程序

• 私房书柜
• 微信小程序开发资源汇总
• 微信小程序开源项目库汇总

后两个项目真的非常不错哦！！基本上有这两个就够了

进阶

当我们有了良好的基础之后，为了开发效率，我们可以使用非常优秀的轮子来帮我们快速的开发出漂亮的界面，我收集的好用的UI框架有这几个，也是我用过的，当然还有很多好的框架，我只是没列出来，用心的小伙伴可以自己去发现哦

• WeUI
• Vant Weapp
• ColorUI

后端的开发

因为本人还处在学习的阶段，后端知识还没有学到，所以这节我不会分享一些主流的后端知识（不会😭），我只是想安利云开发

图源互联网，侵删

云开发

对于新手来说我真的是无脑安利云开发，它给了我们很多的可能。对于高校学生来说开发一个项目，最大的拦路虎可能就是后端，可能租不起服务器，域名问题等等。

而小程序云开发帮我们解决了很多的问题，开通云开发后我们无需去思考服务器的问题，而且还帮我们准备了数据库，我们可以通过云开发的后台可视化界面轻松的管理我们的小程序。虽然云开发是有流量限制的，但是这足以让我们去学习，和创造一些有意思的小程序了。

给我带来了什么

于我个人而言，我的两个小程序都是云开发做的，如果没有云开发可能我的小程序之旅只能止步前端界面了，即使我拥有了服务器，域名，数据库等等，我可能也做不出来一个小程序，因为正如我上面所说的那样，我不会后端技术。就像做饭，有了一堆的好食材，但是却不会做，那也只能眼睁睁的看着。如下是我的感受

• 体验感
• 成就感
• 知识

的确当你做出一个作品的时候你的内心是极有成就感的，这在其中你也会收获一些你还没接触到的知识

为什么用？用什么云？

关于为什么安利云开发，我总结了几点，这些是我觉得的云开发的优点，首先就是免费，这无疑是最cool的一个点，不至于让很多人倒在第一道坎上，其次是它的简单，当一群非常优秀的程序员帮你写好了一堆的API 你只需要调用的时候，的确很爽。云函数，强大的云函数能帮你实现很多必须用服务器才能实现的业务逻辑，而且有了云函数会使你获取openid更加的便捷（此功能只限于微信官方的云开发）

• 免费
• 简单
• 云函数
• 可视化的管理界面

当然如果开发的项目很大业务逻辑很复杂的话还是需要独立的服务器

关于用什么云

• 小程序自带的云开发
• Bmob云开发

以上两个云是我使用过的，第一个官方的云开发很好用，也不赘述了。第二个是Bmob我觉得也是很赞的一个云，提供免费版，数据库的操作也是很简单，文档也很详细，能够极速上手(绝无广告之嫌，单纯推荐)。

一点点使用经验

当你需要时可以选一个，但我的经验是可以一起使用，当你需要获取用户唯一标识的时候就可以使用官方的云开发提供的云函数，方便快捷，存数据用Bmob，因为当你需要做一些比较复杂的增删改查的时候Bmob的体验要好一点

结语

最近在看《史蒂夫.乔布斯传》，有一句非常著名的苹果广告语

“那些疯狂到以为自己能够改变世界的人，才能真正的改变世界。”

共勉，加油！😬