1、体验小程序:开发者可使用微信客户端(6.7.2 及以上版本)扫码下方小程序码,体验小程序。
2、新建项目:新建项目选择小程序项目,选择代码存放的硬盘路径,填入刚刚申请到的小程序的 AppID,给你的项目起一个好听的名字,勾选 "不使用云服务" (注意: 你要选择一个空的目录才可以创建项目),点击新建,你就得到了你的第一个小程序了,点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。
3、JSON配置
(1)app.json :是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。
{
"pages":[
"pages/index/index",
"pages/logs/logs"
],
"window":{
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle":"black"
}
}
① pages字段 —— 用于描述当前小程序所有页面路径,这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。
② window字段 —— 定义小程序所有页面的顶部背景颜色,文字颜色定义等。
(2)project.config.json:保存用户个性化配置,例如界面颜色、编译配置等等。
(3)page.json:用来表示 pages/....目录下的 xxxx.json
这类和小程序页面相关的配置,用以开发者独立定义每个页面的一些属性。
3、WXML 模板:相当于网页编程的HTML,用来描述当前这个页面的结构。
4、WXSS 样式:相当于网页编程的CSS,用来描述页面的样式。
5、JS 逻辑交互:等同于网页编程的JS,通常是用来处理这个页面和用户的交互。
6、小程序的运行逻辑(渲染层和逻辑层)
7、