前言

之前一直从事C和GO的相关工作，对这一类一窍不通，一时兴起爬爬坑，如果有什么错误的地方，还请不吝赐教。

1.小程序注册

要进行小程序的开发，需要先前往 微信公众平台 进行注册。

选择注册的账号类型 “小程序”之后，填写信息注册。

注册成功之后，将获得一个唯一的小程序ID，用于自己开发小程序用。

2.安装开发者工具

前往 微信官网 下载微信开发者工具。
官网提供了三个版本，安装稳定版即可。

安装过程略过，自定义安装路径，我是安装在D盘。
运行开发者工具，新建项目。

项目名称：最好是不含中文。
目录：默认在安装路径的project目录下。
AppID：就是注册后获得的小程序ID，若只是学习，点击使用测试号即可。
开发模式：小程序。
后端服务：暂时不需要，这里选择不使用云服务。
语言：JavaScript。

3.开发者工具界面

编译：编译代码，若无设置，保存时自动编译。
预览：可以生成一个有时限的二维码，供手机扫码预览。
真机调试：生成二维码供手机扫码测试，可以查看详细测试数据。

4.项目结构说明

小程序由描述整体程序的app和多个描述各自页面的page组成。
app必须放在根目录：

• app.js(逻辑)
• app.json(公共设置)
• app.wxss(公共样式表)

page由4个文件组成，wxml和js必须要有：

• wxml(页面结构)
• wxss(页面样式表)
• json(页面配置)
• js(页面逻辑)

PS:描述page的4个文件应具有相同的路径和文件名。

1.全局配置

打开app.json文件。

Tips：
1.window中的样式可以被page自己设置的样式覆盖。
2.新增页面时，在pages中加上页面，保存即自动生成对应文件。

2.程序注册

App()用来注册一个程序，必须在app.js中，且仅有一个。

3.页面注册

Page()用来注册一个页面，在对应的js文件中。

今天先到这里，完成了小程序注册、开发者工具安装及小程序的简单介绍。