微信小程序代码目录结构介绍

文件 描述
app.js 小程序的入口文件,负责监听和处理小程序的生命周期函数,以及定义一些全局的公共方法和数据。
app.json 公共全局配置文件。
app.wxss 公共全局样式文件。
project.config.json 项目的配置文件,包含一些项目级别的配置,如项目的名称、appid、开发者设置等。
project.private.config.json 项目的私有配置文件,此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。
sitemap.json 小程序站点地图文件,帮助微信客户端了解小程序页面的结构,用于 SEO 和页面路径的索引。
.eslintrc.js ESLint 的配置文件,用于定义 JavaScript 项目的代码规范和规则。
components文件夹 用于存放自定义组件。组件是一种复用的 UI 单元,拥有独立的逻辑和样式,可以在多个页面中使用。
pages文件夹 包含了小程序的所有页面,每个页面通常由四个文件组成。 * index.js:页面的逻辑文件,包含页面的生命周期函数、事件处理函数和数据绑定逻辑。 * index.wxml:页面的结构文件,使用 WXML(微信小程序标记语言)来定义页面的结构。 * index.wxss:页面的样式文件,使用 WXSS(微信小程序样式表)来定义页面的样式。 * index.json:页面的配置文件,用于覆盖全局配置(如导航栏的标题、颜色等)。
相关推荐
大米饭消灭者4 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
FliPPeDround5 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround5 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp
码云数智-大飞5 天前
如何创建自己的小程序,码云数智与有赞平台对比
微信小程序
luffy54595 天前
微信小程序页面使用类似filter函数的wxs语法
微信小程序·小程序
Slow菜鸟5 天前
微信小程序开发(二)目录结构完全指南
微信小程序·小程序
攀登的牵牛花5 天前
给女朋友写了个轻断食小程序:去老丈人家也是先动筷了
前端·微信小程序
前端小雪的博客.5 天前
【保姆级教程】uniAI 插件高效开发 uni-app 微信小程序(附实战案例)
微信小程序·uni-app·ai编程·uniai
一叶星殇5 天前
微信小程序请求拦截器踩坑:避免重复刷新 token
微信小程序·小程序
笨笨狗吞噬者6 天前
【uniapp】小程序端解决分包的uni_modules打包后产物进入主包中的问题
前端·微信小程序·uni-app