创建项目流程

1. 在微信开发者工具中点击"新建项目"

2. 填入AppID（如果是测试可不填）

3. 设置本地项目名称（非小程序名称），如"我的第一个项目"

4. 选择本地文件夹作为代码存储目录

5. 点击"新建项目"按钮

开发者工具界面

项目创建成功后，可以进入完整的开发者工具界面：

编辑：查看和编辑代码

调试：测试代码并模拟小程序在微信客户端的效果

项目：发送到手机预览实际效果

初始项目结构

点击"编辑"后可以看到项目已经初始化，包含了一些简单的代码文件。最核心的是三个文件：

1. app.js - 小程序的脚本文件

2. app.json - 小程序的全局配置文件

3. app.wxss - 小程序的公共样式表

核心文件详解

app.js

使用App()函数注册小程序

可以监听并处理小程序的生命周期函数

可以声明全局变量

可以调用API从本地缓存中获取数据

整个小程序的全局配置文件

必须包含pages数组，列出所有页面路径

pages数组中的第一个页面是小程序的首页

app.wxss

整个小程序的公共样式表

页面组件可以直接使用其中声明的样式规则

页面组成结构

每个小程序页面由四个同名但不同后缀的文件组成：

1. .js - 页面脚本文件

2. .wxml - 页面结构文件

3. .wxss - 页面样式表文件

4. .json - 页面配置文件

页面文件功能

.wxml文件

使用view、button等组件搭建页面结构

可以绑定数据和交互处理函数

.js文件

监听并处理页面的生命周期函数

获取小程序实例

声明并处理数据

响应页面交互事件

.wxss文件

页面专属样式表

会层叠覆盖app.wxss中的样式规则

如果不指定，可直接使用app.wxss中的样式

.json文件

页面专属配置文件

会覆盖app.json中相同的配置项

如果不指定，直接使用app.json中的默认配置