微信小程序开发入门教程（详细版）

lumutong

于 2025-05-28 15:11:08 发布

阅读量785

点赞数 23

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/lumutong/article/details/148284681

版权

微信小程序开发入门教程（详细版）

一、开发前准备

注册账号
- 访问微信公众平台
- 选择「小程序」注册（需准备未注册过微信公众平台的邮箱）
安装开发工具
- 下载微信开发者工具
- 安装时勾选"快速启动"选项

二、创建第一个项目

新建项目

启动工具 → 扫码登录 → 选择「小程序」→ 填写：
- 项目名称：MyFirstApp
- 目录：选择空文件夹
- AppID：测试阶段可勾选"测试号"

初始目录结构

├── app.js       # 全局逻辑
├── app.json     # 全局配置
├── app.wxss     # 全局样式
├── pages/       # 页面目录
│   └── index/   # 默认首页
│       ├── index.js
│       ├── index.wxml
│       └── index.wxss

三、核心文件解析

app.json 配置示例

{
     
  "pages": ["pages/index/index"],
  "window": {
     
    "navigationBarTitleText": "我的小程序",
    "navigationBarBackgroundColor": "#ffffff"
  }
}