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

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

一、开发前准备

1. 注册账号

   • 访问微信公众平台
   • 选择「小程序」注册（需准备未注册过微信公众平台的邮箱）

2. 安装开发工具

   • 下载微信开发者工具
   • 安装时勾选"快速启动"选项

二、创建第一个项目

1. 新建项目

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

2. 初始目录结构

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

三、核心文件解析

1. app.json 配置示例

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

2. WXML 基础语法