一、环境准备
1.1 开发工具
下载微信开发者工具（支持Windows/macOS）
注册微信公众平台账号并获取AppID
1.2 项目初始化
通过开发者工具创建项目 选择「小程序项目」→ 填写AppID → 选择「不使用云服务」
二、核心架构
2.1 文件结构
├── pages/ # 页面目录 │
├── index # 首页 │
│ ├── index.js │
│ ├── index.json │
│ ├── index.wxml │
│ └── index.wxss
├── app.js # 全局逻辑
├── app.json # 全局配置
└── app.wxss # 全局样式
2.2 配置文件解析
app.json：定义页面路径、窗口样式、网络超时等
{ "pages": ["pages/index/index"], "window": { "navigationBarTitleText": "我的小程序" } }
三、基础开发实战
3.1 WXML模板语法
{{message}} 显示内容 {{item.name}}3.2 事件处理
// index.js Page({ data: { message: "Hello World" }, handleTap: function() { this.setData({ message: "点击触发" }); } })
四、调试与发布
真机调试：扫码预览→选择「远程调试」
上传代码：开发者工具→上传→提交至微信后台审核
版本管理：支持开发版、体验版、正式版多环境
五、学习资源推荐
官方文档：微信开放文档
社区论坛：CSDN「微信小程序」专栏
实战项目：GitHub搜索「weapp-demo」
