微信小程序 项目结构

本文介绍了微信小程序开发中关键文件的作用,包括pages下的页面逻辑、配置、结构和样式,以及utils中的公共JS代码、App.js入口文件、全局配置(app.json)和项目配置(project.config.json)等。还提到了ESLint配置和页面索引控制(sitemap.json)。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


项目结构

pages

用来存放页面,页面一般由 .js .json .wxml .wxss 四个文件组成

pages/xxx.js

页面的逻辑,内部使用 Page() 创建了页面实例,内含页面生命周期回调

pages/xxx.json

页面的配置文件,可以使用的配置项见下方链接
文档

pages/xxx.wxml

页面的结构,类似于 HTML

pages/xxx.wxss

页面的样式,类似于 CSS

utils

用来保存公共JS代码

.eslintrc.js

ESLint 配置文件

app.js

微信小程序的入口,内部使用 App() 创建了 App 实例,内含小程序生命周期回调

app.json

全局配置文件,内含页面路径声明、tab栏配置、页面共用的配置等,可以使用的配置项见下方链接
文档

app.wxss

项目公共样式,里面的样式会被注入到小程序的每个页面

project.config.json

项目配置文件,可以使用的配置项见下方链接
文档

project.private.config.json

  • 项目私有配置文件,会覆盖 project.config.json 中的相同字段
  • 可以在该文件进行个人配置,并将该文件添加到 .gitignore 防止冲突

sitemap.json

配置小程序的页面是否允许微信索引,详情见下方链接
文档

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值