-
buo4 技术教程组 用户
微信小程序开发完全教程：从注册到上线第一个小程序
适用人群：想做自己的小程序但不懂开发的创业者、运营、学生。 学完你能做到：搭好开发环境、写出带页面和按钮的小程序、本地预览、知道怎么提审上线。
一、小程序是什么？要学什么？
微信小程序是不用安装、在微信里直接用的应用。开发用三类文件：
| 文件 | 作用 | 类比 |
||||
| .wxml | 页面结构 | 像 HTML |
| .wxss | 页面样式 | 像 CSS |
| .js | 页面逻辑 | 像 JavaScript |
| .json | 页面/全局配置 | 配置文件 |
没 JS 基础建议先看过本站《JavaScript 零基础入门》，否则逻辑部分会吃力。
二、准备环境（10 分钟）
- 注册账号：https://mp.weixin.qq.com （用邮箱，个人也能注册）。
- 下载开发者工具：官网下"微信开发者工具 稳定版"。
- 打开工具 → 扫码登录 → 新建项目：
- AppID 选"测试号"（先不认证也能玩）。
- 模板选"不使用云服务 / 基础模板"。
- 点"编译"，模拟器里出现默认页面 = 环境 OK。
三、项目结构（看清骨架）
miniprogram/
├── app.js // 全局逻辑
├── ap 内容摘要
一句话概述：适用人群：想做自己的小程序但不懂开发的创业者、运营、学生。
你将了解到：
- 小程序是什么？要学什么？
- 准备环境（10 分钟）
- 项目结构（看清骨架）
- 点按钮弹数字
- 页面跳转与传参
- 请求后端数据（wx.request）
适合人群：需要动手落地、想补齐技术短板的开发者。
全文共 10 个章节，按「小程序是什么？要学什么？ → 请求后端数据（wx.request）」的顺序展开，每节都能单独查阅，配有可直接照做的清单与模板。
内容侧重可落地的操作流程与常见坑点，读完就能对照自己的情况动手，不需要额外补理论基础。
以上为全文要点速览，完整内容需解锁后阅读