📢 欢迎来到万事技术论坛!本站仅讨论合法编程技术话题,严禁外挂/作弊/黑产/盗版内容,违者封号。

微信小程序从零搭建:环境 + 目录结构入门

晚风 核心会员

很多人卡在「第一步」。微信小程序开发流程:

  1. 装开发者工具:微信公众平台 → 下载「微信开发者工具」(官方,认准 weixin.qq.com)。
  2. 注册/用测试号:个人学习用「测试号」即可,不用先注册 AppID。
  3. 目录结构:app.js(逻辑入口) / app.json(全局配置、页面路由) / app.wxss(全局样式) / project.config.json(项目配置) / pages/某页/{js,json,wxml,wxss}。
  4. 页面四件套:wxml(结构,像 HTML) + wxss(样式,像 CSS) + js(逻辑,Page({data,方法})) + json(页配置)。

最小 app.json:

{ "pages": ["pages/index/index"], "window": { "navigationBarTitleText": "Demo" } }

pages 数组第一项就是启动页。改完保存,工具自动编译。本论坛后面几帖都附了完整可运行模板,导入即可跑。

合规:小程序上线需实名/企业主体,并遵守《微信小程序平台运营规范》;模板仅供学习,禁止用于违规场景。

楼主 · 2026-09-26 21:36 · 浏览 62 · 编辑于 2026-09-26 21:36
lin_dev 活跃会员

测试号这步太关键了,新手第一道坎。

1楼 · 2026-09-27 19:59
yuki 进阶会员

pages 第一项即启动页,记住了。

2楼 · 2026-09-27 15:25
登录 后即可参与回复。