微信小程序的文件了解

微信小程序的文件了解

• 微信小程序的目录结构

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

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

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

• app.json

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

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

属性	类型	描述
pages	String Array	必填属性，用于记录小程序所有页面的路径地址。其中如果有多个页面地址，第一个将默认为小程序的初始页面
window	Object	可选属性，用于设置页面的窗口表现，例如导航栏的背景颜色、标题文字内容以及文字颜色等
tabBar	Object	可选属性，用于设置页面底部tab工具条的表现
networkTimeout	Object	可选属性，用于设置各种网络请求的超时时间
debug	Boolean	可选属性，用于设置是否开启调试模式

• app.js

app.js

app.js是小程序的全局逻辑文件
省略app.js中具体的函数内容后将得到以下代码框架：

App({
	onLaunch:function() {},
	globalData:{}
	})

• app.wxss

app.wxss是小程序的全局样式文件

app.wxss文件用于规定所有页面都可用的样式效果。该文件是可选文件，如果没有全局样式规定，可以省略不写。

• 页面文件

小程序一般会在根目录下创建一个pages文件夹用于保存所有的页面文件，每个页面有自己独立的二级目录。

比如初始的小程序的默认配置就是两个页面，pages和logs。

每个单独的页面由四中文件构成：即wxml、wxss、js和json

wxml用于构建当前页面的结构，包括组件、事件等内容，用户最终看到的页面效果就是由该文件显示出来的。

• 其他文件

除了前面所介绍的常用文件外，小程序还允许用户自定义路径和文件名创建一些辅助文件。
例如初始项目之中utils文件夹就是用来存放公共JS文件的。

该文件的utils.js保存了一些公共JavaScript代码，可以被其他页面的JS文件引用。
除此之外，开发者还可以自己定义资源文件夹用于存放其他文件。例如在根目录中创建images文件夹用于存放图片等，这些文件夹可以根据实际需要自行创建。