微信小程序从零开始：30分钟创建你的第一个小程序

微信小程序日活超过5亿，是个人创业者和小商家最低成本的线上入口。别被"编程"两个字吓到——即使完全零基础，也能在30分钟内创建并运行你的第一个小程序。本文带你走完全流程。

第一步：注册小程序账号

打开微信公众平台（mp.weixin.qq.com），点击"立即注册"，选择"小程序"类型。填写邮箱、密码，激活账号后完成主体信息登记。个人开发者选"个人主体"，只需要身份证信息，审核1-3个工作日。企业主体功能更多，但需要营业执照。

第二步：下载开发者工具

访问微信官方文档，下载"微信开发者工具"。安装后扫码登录刚刚注册的小程序账号。点击"新建项目"，输入你的AppID（在公众平台"开发 → 开发设置"中查看），勾选"不使用云服务"创建空白项目。

第三步：认识小程序的文件结构

一个最小的小程序包含以下文件：

• app.json — 全局配置文件，定义页面路径和窗口样式
• app.js — 全局逻辑，应用生命周期钩子
• pages/index/index.wxml — 页面结构（类似HTML）
• pages/index/index.wxss — 页面样式（类似CSS）
• pages/index/index.js — 页面逻辑（JavaScript）
• pages/index/index.json — 页面配置

你只需要修改wxml和wxss文件就能改变页面外观。

第四步：创建第一个页面"个人名片"

在index.wxml中写入：头像、昵称、一句话介绍和"联系我"按钮。在index.wxss中设置样式：居中布局、圆角头像、按钮红色（#e74c3c）。在模拟器中点击预览，你的第一个小程序已经跑起来了。

第五步：添加第二个页面"作品展示"

右键pages目录新建文件夹"works"，在app.json的pages数组中添加"pages/works/works"。重复第三步的模板代码，替换内容为你的作品图片列表。用<swiper>组件做轮播图，这是小程序内置的滑动展示组件。

第六步：页面跳转

在index.js中给按钮绑定一个tap事件，调用wx.navigateTo({ url: '/pages/works/works' })。这样点击"查看作品"就能跳转到新页面。同理在works页面添加一个返回按钮。

第七步：预览与真机调试

在开发者工具中点击"预览"，会生成一个二维码。用微信扫码即可在手机上运行你的小程序。点击"真机调试"可以查看控制台日志和网络请求。手机上出现的任何问题，都可以通过调试工具定位。

第八步：发布上线

在开发者工具中点击"上传"，版本号填1.0.0。登录微信公众平台，在"版本管理"中找到提交的版本，填写更新说明后提交审核。审核通常1-3个工作日。审核通过后点击"发布"，你的小程序就正式上线了。

进阶建议

上线只是开始。建议下一步学习：云开发（免后端数据库操作）、组件库（如WeUI快速美化）、数据分析（小程序后台的数据助手）。每周更新一个小功能，持续迭代。