首页 > 小程序 > 小程序开发

微信小程序项目目录结构介绍及搭建

小程序开发 2022-10-12 12:25:24  

微信小程序目录结构可以分为3个部分:框架全局文件、框架页面文件和工具类文件。小程序制作开发人员开发前需要了解这些目录结构。

微信小程序项目目录结构介绍及搭建

微信小程序目录结构

一个小程序的主体部分由3个文件组成:app.js、app.json和app.wxss,必须放在项目的根目录。其中app.js和app.json文件是必需的,作用分别是小程序逻辑和小程序公共配置,而app.wxss的作用是小程序公共样式表。

app.js小程序逻辑:用来定义全局数据和函数的使用,它可以指定微信小程序的生命周期函数。app.js中还可以定义一些全局的函数和数据,其他页面引用app.js文件后就可以直接使用全局函数和数据。

app.json小程序公共配置:可以对5个功能进行设置,配置页面路径,配置窗口表现,配置标签导航,配置网络超时,配置debug模式。

app.wxss小程序公共样式表:对css样式进行了拓展,和css的使用方式一样,只要页面有全局样式的class,就都可以渲染全局样式的效果。

另外一个小程序页面由四个文件组成:js、wxml、json和wxss,用于指定小程序由哪些页面组成,每一项都对应一个页面的路径+文件名信息。文件名不需要写文件后缀,框架会自动去寻找对于位置的 .json, .js, .wxml, .wxss 四个文件进行处理。

注意:为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径和文件名。

小程序开发前了解了其目录结构后,创建项目时就非常方便了,参考微信小程序开发工具代码编辑教程

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:https://chcsas.com/xcx/1779.html

加载中~

木星教程网

统计代码 | 湘ICP备19012813号-5

本网站LOGO受版权及商标保护,版权登记号:国作登字-2022-F-10126915,未经湖南木星科技官方许可,严禁使用。
Copyright © 2012-2022 湖南木星科技有限公司(木星网)版权所有
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源,商业媒体及纸媒请先联系:aishangyiwan@126.com

扫描微信二维码

关注我们可获取更多热点资讯