index.js 是页面的脚本文件(必须),在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。

index.wxml是页面结构文件(必须)。

index.wxss是页面样式表文件(非必须),当有页面样式表时,页面的样式表中的样式规则会层叠覆盖app.wxss中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用app.wxss中指定的样式规则。

一、pages
pages是用来存放项目中所有的页面,如果直接使用HBuilder X创建项目的,在pages文件夹创建页面,需要勾取一下,是否在pages.json中注册,是需要勾选上的,此时就不需要手动配置了

二、static此文件目录是存放所有的图片,需要用到的图片都放入其中,这个是使用HBuilder X创建uni-app会自带的一个文件夹,只要在里面保存图片即可

三、node-modules此项目是借助于使用HBuilder X创建的以uni-app为框架的项目,所以node-modules,里面保存了很多,uni-app自带的组件,比如说轮播图,这个是uni-app框架自带的组件,用起来也是非常的方便

四、common是此项目自己创建的,样式库,里面封装个各种各样的图标,样式,需要使用可以直接调用,这是自己封装,创建项目是没有的

五、components这个是自己分装的组件,可以重复利用,在相同需求是,就可以直接调用自己分装的组件,只要传递不动的数据即可,可以大大节省时间,提高代码的复用,具体还是根据个人的用法

六、app.js、app.json、app.wxss、app.js是小程序项目的入口文件,app.json是小程序项目的全局配置,app.wxss是小程序项目的全局样式具体在下篇文章详细解释

app.js是小程序的脚本代码(必须),可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量,调用框架提供的丰富的 API。

app.json是对整个小程序的全局配置(必须),用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。微信小程序中的每一个页面的【路径+页面名】都需要写在app.json的pages中,且pages中的第一个页面是小程序的首页

app.wxss是整个小程序的公共样式表(非必须)

七、project.config、project.private.config、sitemapproject.config是项目配置,在HBuilder X配置后,在编译器中自动生成的,project.private.config是私有配置,这里配置了从新编译后,会自动加载到配置的页面,方便当前页面的开发,提高开发的效率,sitemap配置小程序页面是否被微信索引

八、pages.jsonpages.json是在HBuilder X中才有的,也是用来配置微信小程序的,如同app.json,

九、manifest.jsonmanifest.json是特殊配置,需要配置一些兼容,需要在manifest.json源码视图中进行兼容性的配置,才能完成项目的开发