微信小程序开发入门

最佳经验

由作者撰写原创经验并推荐置顶

微信小程序，简称小程序，英文名MiniProgram，是一种不需要下载安装即可使用的应用，它实现了应用"触手可及"的梦想，用户扫一扫或搜一下即可打开应用，下面简略讲解一下开发入门以下内容是由微蓝经验网用户发布微信小程序开发入门，希望对于用户有一定帮助，为朋友进行解决疑惑，如若想了解更多相关内容，可以向底部移动了解更多与本教程文章相关解决经验方法！

一、注册小程序账号

1/6
进入微信公众平台
2/6
点击立即注册
3/6
选择小程序
4/6
填写信息注册即可
5/6
绑定开发者
6/6
进到“设置-开发设置”，获取AppID信息。

二、下载微信web开发者工具

1/6
单击小程序后的查看详情
2/6
选择开发者工具
3/6
在线下载相对应操作系统版本的安装程序
4/6
安装开发工具
5/6
绑定开发者
6/6
进到“设置-开发设置”，获取AppID信息。

三、编写小程序实例

1/12
开启工具单击小程序项目
2/12
填好对应信息内容，单击单击
3/12
案例文件目录结构
4/12
app.js是微信小程序的脚本代码（必须），能够在此文档中监听并处理小程序的生命周期函数、声明全局变量，调用框架提供的非常丰富的API接口。
5/12
app.json是对这个微信小程序的全局配置（必须），用于对微信小程序实行全局配置，决定界面文档的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组，每一项都是字符串，来规定小程序由什么页面构成。微信小程序中的每一个页面的“路径+页面名”都需要写在app.json的pages中，且pages中的第一个页面是微信小程序的首页。
6/12
app.wxss是一整块微信小程序的公共样式表（非必须）。
7/12
index.js是页面的脚本文件（必须），在此文档中我们还可以监听并处理页面的生命周期函数、获得小程序实例，声明并处理数据，响应页面交互事件等。
8/12
index.wxml是页面结构文件（必须）。
9/12
index.wxss是页面样式表文件（非必须），当有页面样式表时，页面的样式表中的样式规则会层叠覆盖app.wxss中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。
10/12
在编写配置好后单击真机调试
11/12
手机微信扫描微信二维码
12/12
自行弹出来调试对话框，根据真机调试能够更好的测试小程序