小程序开发快速入门教程（附源码）

五分钟入门-手机微信小程序

1：用未注册过微信公众号的邮箱申请一个微信公众平台， 申请帐号 ,点一下 https://mp.weixin.qq.com/wxopen/waregister?action=step1 依据引导填好信息和递交对应的材料，就可以有着自身的小程序账号。申请注册进行后逐渐登陆。

2：登录 https://mp.weixin.qq.com

我们可以在菜单栏 “设定”-“开发设置” 见到小程序的 AppID 了 。小程序的 AppID 等同于小程序服务平台的一个身份证件，后面你能在许多地区要使用 AppID (留意这儿要区别于微信服务号或微信订阅号的 AppID)。拥有小程序账号以后，大家必须一个专用工具来开发小程序。依据官方网实例教程开展开发https://mp.weixin.qq.com/debug/wxadoc/dev/

3：安裝开发专用工具

前去 开发者工具下载网页 ，依据自身的操作系统下载相匹配的软件包开展安裝，相关开发者工具更详尽的详细介绍可以查询 《开发者工具详细介绍》 。开启小程序开发者工具，用微信扫码登录开发者工具，提前准备开发你的第一个小程序吧！我的电脑是 ** 位的：

4：安裝成功以后

你的第一个小程序打开：新建项目挑选小程序新项目，挑选编码储放的电脑硬盘途径，填写刚申请办理到的小程序的 AppID，让你的新项目起一个好听名字，最终，启用 "建立 QuickStart 新项目" (留意: 你需要挑选一个空的文件目录才会出现这一选择项)，点一下明确，你也就获得了你的第一个小程序了，点一下上方菜单栏编译程序就可以在 IDE 浏览你的第一个小程序。

5：编译程序浏览

点一下专用工具上的编译程序按键，可以在专用工具的左边手机模拟器页面见到这一小程序的主要表现，还可以点一下浏览按键，根据手机微信的扫一扫在手机上感受你的第一个小程序。OK，你早已取得成功建立了你的第一个小程序，而且在pc版微信上感受到它顺畅的主要表现。

小程序复位文件目录：

1：page 页面文件夹 储放新项目网页页面3D渲染有关文档

2：utils 储放js库和数据恢复出厂设置文档

3： 环境变量

我是分隔线===开发ing

下面就需要逐渐开发了，第一次开发手机微信小程序都看起来非常的陌生，以致于找不到方向，担心了好长时间，找个朋友要了一套模版，导进自个的小程序开发专用工具里边，对全部小程序文件目录文档构造拥有一定的掌握，就能迅速的入门。

此外也在网站，GitHub上找了许多详细的小程序源代码，学习培训起來的速度也是非常快。

小程序的思想意识是：小程序开发架构的总体目标是利用尽量简易、高效率的形式让开发者可以在微信中开发具备原生态 APP 感受的服务项目。

架构给予了自个的图形层描述语言 WXML 和 WXSS，及其根据 JavaScript 的思维层架构，并在主视图层与逻辑性固层给予了传输数据和事件系统软件，可以让开发者可以便捷的对焦于数据信息与逻辑性上。

1:第一个简易小程序：极克小寨

2:第二个简易小程序：输入网址转化成对应的二维码

进行一个最简单的页面

3:第三个简易小程序：推送祝愿

4:第四个简易小程序：仿网易音乐

网易云音乐

实例流程：立即导进源代码，就可以查询左边相匹配网页页面表明信息

1：鼠标右键电脑键盘开启

2：把源代码 ** 粘帖进来，更换掉原先复位文件目录，点一下一般编译程序，就可以查询左边实际效果，依据必须，作相对的删改。

到这里小程序成功新手入门，三天入门，下面便是一系列的边学学习开发文旦边开发边踩坑的环节了，多读小程序源代码，前边也讲了，和传统式开发方式有一定的区别，多看看多百度搜索，吸取经验，花些時间，新项目也会越来越好。

关心【程序编写微刊】，点一下发觉，就可以获得小程序源代码，不断关心，后面会出现大量源代码发布哦