微信小程序设计之主体文件app-json-pages

一、新建一个项目

首先,下载微信小程序开发工具,具体下载方式可以参考文章《微信小程序开发者工具下载》

然后,注册小程序账号,具体注册方法,可以参考文章《微信小程序个人账号申请和配置详细教程》

在得到了测试号的账号信息之后,可以在开发者工具中使用此账号信息创建项目进行开发。

点击确定后,可以在左侧看到小程序的主要界面【Hello World】。

二、app.json.pages介绍

1、app.json包含啥

app.json 文件是小程序的全局配置文件 ,主要包含了小程序所有页面的路径地址、导航 栏样式等。

**2、**app.json.pages属性

pages是必填属性,用于记录小程序所有页面的路径地址。其中如果有多个页 pages 面地址,第一个将默认为小程序的初始页面

3、编译后,app.json.pages显示

如下图所示,为app.js.pages的创建界面,共两个页面,首先进入的index界面 ,再次点击界面空白处,则进入logs界面

上述两个界面index和logs是在pages文件下建立的,若是需要另外的界面,需要在pages文件夹下新建页面。

运行模拟器看下效果。打开【模拟器】->【编译】,则会出现圈3处的小程序界面,也就是index的页面。

双击界面空白处,则会进入logs页面。

更多内容:

微信小程序开发笔记_珞瑜·的博客-CSDN博客

微信小程序开发者工具下载-CSDN博客

微信小程序个人账号申请和配置详细教程-CSDN博客

相关推荐
JeffongTan4 小时前
在LWC中镶嵌VF Page获取用户IP
前端·javascript·salesforce
不cong明的亚子6 小时前
web live多屏互动平台
javascript·经验分享·音视频
dsyyyyy11018 小时前
JS复习,难点,易错点总结
开发语言·javascript·ecmascript
默_笙8 小时前
🏝 Docker 就是"房地产开发":从施工图纸到小区物业的容器化指南
前端·javascript
kyriewen8 小时前
我手写了个极简版 React Router——才搞懂 v6 为什么砍了这么多 API
前端·javascript·程序员
nice先生的狂想曲11 小时前
javascript高级程序设计(六)——2026.9.5
前端·javascript
我爱写代码i11 小时前
SKAPP SK影视反编译详细教程+源码 含苹果端ipa
开发语言·javascript·ecmascript
এ慕ོ冬℘゜12 小时前
前端实战:基于jQuery递归实现通用树形组织菜单(可直接复用)
前端·javascript·jquery
变与不变80613 小时前
js函数与封装详细解答
前端·javascript·vue.js
m0_4628038814 小时前
从信息管理视角看「按桌顺序分桌」:云分组优先分组的实现逻辑
微信小程序