微信小程序开发完全教程:从注册到上线第一个小程序

适用人群:想做自己的小程序但不懂开发的创业者、运营、学生。 学完你能做到:搭好开发环境、写出带页面和按钮的小程序、本地预览、知道怎么提审上线。

一、小程序是什么?要学什么?

微信小程序是不用安装、在微信里直接用的应用。开发用三类文件:

文件 作用 类比
.wxml 页面结构 像 HTML
.wxss 页面样式 像 CSS
.js 页面逻辑 像 JavaScript
.json 页面/全局配置 配置文件

没 JS 基础建议先看过本站《JavaScript 零基础入门》,否则逻辑部分会吃力。

二、准备环境(10 分钟)

  1. 注册账号:https://mp.weixin.qq.com (用邮箱,个人也能注册)。
  2. 下载开发者工具:官网下"微信开发者工具 稳定版"。
  3. 打开工具 → 扫码登录 → 新建项目:
    • AppID 选"测试号"(先不认证也能玩)。
    • 模板选"不使用云服务 / 基础模板"。
  4. 点"编译",模拟器里出现默认页面 = 环境 OK。

三、项目结构(看清骨架)

miniprogram/
├── app.js          // 全局逻辑
├── app.json        // 全局

🔒 付费文档

支付 10 积分后即可解锁全部内容