微信小程序开发入门教程

更新时间：2023-07-31 11:31:01 阅读量：教育文库文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

微信小程序，简称小程序，英文名Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用"触手可及"的梦想，用户扫一扫或搜一下即可打开应用。下面简单介绍一下开发入门

一、注册小程序账号

1、进入微信公众平台

t015d2b6b5aa2198d90

2、点击立即注册t01be073b2831776d58

3、选择小程序t01c0f461f3353ef1fd

4、填写信息注册即可t013fd2e4a1e8aeff75

5、绑定开发者

t01a5b0f847c8e4f235t01c2c81d84016d7d6f

6进入“设置-开发设置”，获取AppID信息。t012ba7c0ceaa59a0f4

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

1点击小程序后的查看详情t014d69baaa6ae94164

2、选择开发者工具

t010ea3cffdc452bec1

3、下载对应系统版本的应用程序

t01cad0f437915a7707

4、安装开发工具t01ac56aa2b4a81b766

三、编写小程序实例

1、打开工具点击小程序项目

t01ee7a1658e86a3c6f

2、填写相应信息，点击确定

t0188bb5e0baa9d62b9

3、实例目录结构

t01b5f5ab156f4122b0

4、app.js是小程序的脚本代码（必须），可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量，调用框架提供的丰富的 API。

t01d96bc11bec0e8a44

5、app.json是对整个小程序的全局配置（必须），用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中，且pages中的第一个页面是小程序的首页。

t019dd040c6313e87b7

6、app.wxss是整个小程序的公共样式表（非必须）。

t013dc5148565505d51

7、index.js 是页面的脚本文件（必须），在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例，声明并处理数据，响应页面交互事件等。

t0118eff9574ebd8bba

8、index.wxml是页面结构文件（必须）。

t01db1b7e6c18f55e73

9、index.wxss是页面样式表文件（非必须），当有页面样式表时，页面的样式表中的样式规则会层叠覆盖app.wxss中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。

t01c630c6ab2092529d

10、在编辑配置好后点击真机调试

t0150d2349ce7ad3ba5

11、手机微信扫描二维码