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

作者:亿网科技  来源:亿网科技  发布时间:2023-03-28

51.png

微信小程序目录结构可以分为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 四个文件中止处置。

留意:为了便当开发者减少配置项,描画页面的四个文件必需具有相同的途径和文件名。