微信小程序的文件了解

最新推荐文章于 2024-07-25 17:50:20 发布

命运英雄抽象人

最新推荐文章于 2024-07-25 17:50:20 发布

阅读量731

点赞数

分类专栏：微信小程序文章标签：基础知识微信小程序

本文链接：https://blog.csdn.net/qq_42393811/article/details/88789116

版权

本文介绍了微信小程序的文件结构，包括项目配置文件project.config.json，全局配置、逻辑及样式文件app.js、app.json和app.wxss，以及页面文件的构成：wxml、wxss、js和json。此外，还提及了自定义文件夹如utils.js用于存放公共JavaScript代码，以及自定义资源文件夹如images来存储图片。

摘要由CSDN通过智能技术生成

微信小程序的文件了解

在这里插入图片描述
小程序在被创建的时候会自动生成一个项目配置文件
project.config.json
该文件直接位于项目根目录下，其内部代码是直接定义小程序的项目名称、APP ID等内容的

小程序的主体文件同样位于根目录下：
app.js 用于描述小程序的公共配置
app.json 用于描述小程序的整体逻辑
app.wxss 小程序公共样式表

小程序在代码编写完成之后会被打包成JavaScript文件运行

app.json

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

全局配置文件app.json的属性

属性	类型	描述
pages	String Array	必填属性，用于记录小程序所有页面的路径地址。其中如果有多个页面地址，第一个将默认为小程序的初始页面
window	Object	可选属性，用于设置页面的窗口表现，例如导航栏的背景颜色、标题文字内容以及文字颜色等