1. 小程序开发工具下载
地址:官网
- 微信小程序账号只要开发者满足开发资质都可以进行注册,并且会获得对应的 开发者 ID。
- 一个完整的开发者 ID 由 小程序 ID(AppID)和一个 小程序密钥(AppSecret)组成。
- 小程序 ID 是小程序在整个微信账号体系内的唯一身份凭证,后续在很多地方都会用到,
例如:新建小程序项目、真机调试、发布小程序等操作时,必须有小程序 ID。 - 小程序密钥 是开发者对小程序拥有所有权的凭证,在进行 微信登录、微信支付,或进行发送消息等高级开发时会使用到。
2. 创建小程序项目
- 打开微信开发者工具,左侧选择小程序,点击 + 号即可新建项目
- 在弹出的新页面,填写项目信息
3. 文件和目录结构介绍
一个完整的小程序项目分为两个部分:主体文件、页面文件。
3.1 主体文件
主体文件又称全局文件,能够作用于整个小程序,影响到小程序的每个页面,主体文件必须放到项目的根目录下
主体文件由三部分组成:
- app.js:小程序入口文件
- app.json:小程序的全局配置文件
- app.wxss:小程序的全局样式
注意事项:主体文件的名字必须是 app,app.js 和 app.json 文件是必须的。
3.2 页面文件
页面文件是每个页面所需的文件,小程序页面文件都存放在 pages 目录下,一个页面一个文件夹。
3.3 如何调试小程序
- wxml:查看结构和样式
- console:JS控制台打印
- NetWork: 网络通信
- AppData: 页面数据
- Storage: 本地存储
注意:
微信开发者工具缓存非常严重。如果发现代码和预期不一样,先点击编译,编译后还是没有达到预期的效果,就需要清除缓存 甚至重启项目才可以。
3.4 基础库版本
有时候我们需要关注微信基础库版本。微信基础库是指小程序的运行环境,给小程序提供了运行所需的各种 API 和工具,以及基础框架和运行逻辑等。
小程序开发者可以在微信开发者工具中选择所需的微信基础库版本,作为运行和调试小程序时的运行环境。
每个小程序有自己所允许使用的基础库最低版本要求,开发者需要选择要兼容的基础库版本,从而确保小程序的功能正常运行。