【分享】碰见小程序，发现新乐趣

开篇

时间真的是飞快的，如今是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的体验要好一点

结语

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

“那些疯狂到觉得本身可以改变世界的人，才能真正的改变世界。”

共勉，加油！😬

你们支持的话，能够到这里给我点个赞😍！谢谢