1

上一节说了如何开通小程序账号及项目创建,今天说一说基础文件构成及作用,。(我觉得没必要想的那么全面复杂,所以都是个人简单理解,不是那么全面,大佬手下留情)
image.png
左边是模拟器,中间是文件目录,右边是具体的文件的内容。我们主要看中间的文件

pages
pages文件夹下面的是页面相关的文件,微信给的demo中pages下有两个文件夹,每个文件夹包含4个文件(没错,这就是你页面的文件存放位置)

.js文件:其实就相当于APP的controller,里面包括data(页面数据,相当于全局变量),页面的生命周期函数,以及你需要的逻辑功能。
.json:可以配置navigationBar的一些信息
.wxml:布局文件,理解成html 就行
.wxss:和vue中的css模块中的一样,具有scoped特性

utils
这里存放的是.js文件,与pages里面的.js文件不同,这里的.js文件是一些公共类文件

app
app.js:里面的App是用于启动时做一些内容加载请求使用,是小程序未进入首页之前的(用前端理解那就是程序运行前先获取用户信息及配置)

app.json:小程序配置信息文件,如navigationBar(从字面意思就可以理解出,这就是底部导航)等这些配置。

app.wxss:公共样式。

曾经有个我以为的大佬跟我说过,遇到一个新的技术直接操作代码会理解或者学习的比较好,但是呢,我觉得,我还是会先看一遍官方文档,不需要记住多少东西,有个模糊的印象在敲代码来的更快。每个人学习方式不一样,选择自己合适的。


雯雯菇凉
30 声望2 粉丝