1-3 开发者工具&第一个小程序应用
安装微信开发者工具
从微信官方下载对应系统的版本。支持 Windows、macOS。
创建第一个小程序
- 打开开发者工具，使用微信扫码登录
- 选择"小程序" → "+"号创建新项目
- 填写项目名称、目录、AppID
- 选择"不使用云服务"（后续章节会讲）
- 模板选择"JavaScript"基础模板
项目结构
miniprogram/
├── pages/
│ └── index/ → 首页
│ ├── index.js → 页面逻辑
│ ├── index.json → 页面配置
│ ├── index.wxml → 页面模板
│ └── index.wxss → 页面样式
├── app.js → 小程序入口
├── app.json → 全局配置
├── app.wxss → 全局样式
└── project.config.json → 项目配置
text
开发者工具核心功能
| 功能 | 说明 |
|---|---|
| 模拟器 | 模拟不同机型的显示效果 |
| 调试器 | Console、Network、Storage 等调试面板 |
| 编译 | 实时编译预览，支持热更新 |
| 上传 | 上传代码到微信后台，用于提交审核 |
↑