【小程序】介绍项目的基本组成结构

目录

前言

一、pages

二、static

三、node-modules

四、common

五、components

六、app.js、app.json、app.wxss、

七、project.config、project.private.config、sitemap

八、pages.json

九、manifest.json


前言

我将一一介绍,小程序项目的基本组成结构,带大家了解一下,每一个模块的作用,基本的结构如下图所示,此项目是使用HBuilder X以uni-app为框架所创建的

 一、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是小程序项目的全局样式具体在下篇文章详细解释

七、project.config、project.private.config、sitemap

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

八、pages.json

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

九、manifest.json

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

结束语:

本次大致的介绍了,小程序开发中经常用到的结构,具体的用法,和更详细的内容,将在接下来的文章中持续更新,有疑问都可以私信我,让我们共同进步!!!

猜你喜欢

转载自blog.csdn.net/yzq0820/article/details/127138987
今日推荐