开发一个微信小程序项目教程

一、注册小程序账号

1.进入微信公众平台（https://mp.weixin.qq.com/），注册小程序账号，根据提示填写对应的信息即可。
2.注册成功后进入首页，在 小程序发布流程->小程序开发与管理->配置服务器中，点击“开发者设置”。
3.会获得一个AppID，记录AppID，后面创建项目时会用到。

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

为了帮助开发者简单和高效地开发，微信小程序推出了全新的开发者工具 ，集成了开发调试、代码编辑及程序发布等功能。
1.下载页面：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201715
根据系统，选择对应的工具版本下载
2.工具包含编辑、调试和项目三个页卡：
（1）编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作
（2）程序调试主要有三大功能区：模拟器、调试工具和小程序操作区
（3）项目页卡主要有三大功能：显示当前项目细节、提交预览和提交上传和项目配置

三、编写小程序代码

1.目录结构

  test
    ├─ page
    │   └─ index
    │        ├─ index.js
    │        ├─ index.json
    │        ├─ index.wxml
    │        └─ index.wxss
    ├─ app.js
    ├─ app.json
    └─ app.wxss

2.文件说明
一个小程序包含一个app（主体部分）和多个page（页面）
（1）app是用来描述整体程序的，由三个文件组成，.js后