从零开始 微信小程序开发实战指南

一、什么是微信小程序\n\n微信小程序是一种不需要下载安装即可使用的应用，它实现了“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。它基于微信平台运行，拥有接近原生 App 的流畅体验，同时开发成本低、传播便捷。目前，小程序已成为电商、服务、工具、内容等领域的重要载体。\n\n## 二、开发前的准备工作\n\n1. 一个企业或个人主体的小程序账号 \n 访问微信公众平台（mp.weixin.qq.com），注册小程序账号。完成邮箱验证后，根据主体类型（企业需营业执照）提交信息。注册成功后可在后台获取 AppID，这是开发中必不可少的身份标识。\n\n2. 安装微信开发者工具 \n 官方推荐的使用工具是「微信开发者工具」，支持 Windows 和 macOS 系统。下载后手动安装并扫码登录，即可创建或导入项目。工具集成了代码编辑、真机调试、预览、上传、云开发等功能，十分高效。\n\n3. 基本的开发技术储备 \n - 前端基础：HTML、CSS、JavaScript（小程序中的 WXML 和 WXSS 分别对应 HTML 和 CSS） \n - 了解 JSON 配置写法 \n - 熟悉微信小程序的 API 调用模式 \n 若完全零基础，建议先跟着官方文档做一遍简易 Demo。\n\n## 三、小程序项目结构详解\n\n一个典型的小程序项目至少包含以下核心文件：\n\n- app.json：全局配置，定义页面路径列表、窗口样式、底部安全区、tabBar 等。 \n- app.js：全局逻辑，如小程序生命周期函数。 \n- app.wxss：全局样式表。 \n- 页面目录（如 pages/index）：每个页面由四个文件构成 —— \n - .wxml：页面结构 \n - .wxss：页面样式（支持但扩展有限） \n - .js：页面逻辑（含 onLoad、onShow 等生命周期） \n - .json：页面孤配置 (补充可覆盖 app 配置) \n- miniprogram/：当开启云开发时才会有此独立目录。 \n开发者工具中创建项目时选择“不使用云开发”就能看到这个基础框架。开发者可以同时添加多个页面。\n\n## 四､实战：手写一个简单天气小程序页面\n\n// app.json – 页面索引，模拟页面加载顺序 写法注意规则注释\n{ \