微信小程序文件结构说明

zblog10个月前微信小程序开发85

image.png


1、项目主配置文件,在项目根路径下,控制整个项目的


    app.js      小程序入口 文件,小程序启动,会执行这个js

    app.json    小程序的全局配置:顶部的颜色,标题。。 

    app.wxss    小程序全局样式:所有样式,全局生效


    # app.js 和app.json 必须有,没有不行


2、页面文件


    微信小程序有一个个的手机页面,手机页面就是一个个的文件夹。

    

    pages文件夹下,有一个个的文件夹(index,1ogin,register)-->每个文件夹下有4个文件:


    -xx.js      # 页面逻辑,js代码控制

    -xx.wxml    # 页面结构,布局,html---》wxml就等同于htm1,但标签有些区别

    -xx.json    # 页面配置,当前页面顶部颜色,标题。

    -xx.wxss    # 页面的样式,如果全局样式也有,以当前页面为准


    四个文件,组成一个手机页面


components  页面用到组件,每个组件一个文件夹,内部同样四个文件


.eslintrcjs                 | 语法检查 》咱不用

 

project.config.json         | ↓

project.private.config.json | → 是项目配置,等同于pycharm的 .idea 。


sitemap.json                | → 页面抓取相关,搜索优化。

image.png

相关文章

创建微信小程序项目流程2

创建微信小程序项目流程2

1 创建项目(1)双击微信开发者工具,扫码,点击登录。(2)创建项目...

创建微信小程序项目流程(获取小程序ID + 下载微信开发者工具)

创建微信小程序项目流程(获取小程序ID + 下载微信开发者工具)

创建微信小程序项目1 获取小程序ID2 下载微信开发者工具(必须联网才能使用)https://developers.weixin.qq.com/miniprogram/dev/devtools/sta...