1-3 微信小程序框架结构

在html页面开发的时候

一个html页面需要:.html   .css   .js(3个文件)

一个微信小程序页面需要: .wxml   .wxss   .js(3个文件)

他们的结构非常相似,文件也都一一对应,所以学习html的同学可以很快的上手微信小程序

根据项目的主目录可以看到新建的项目有2个主目录(page、utils)和4个文件(app.js、app.json、app.wxss、project.config.json)

其中以app开头的为小程序的主描述文件,这3个文件不属于任何一面,且必须放在项目的主目录下,名称也是固定的

app.js:小程序的主逻辑文件,通常是用来注册小程序

app.json:小程序的主配置文件,用来对小程序进行全局配置

app.wxss:小程序的主样式表,在这里设置的样式全局共享,可以被子文件样式覆盖

project.config.json:这个是开发工具的配置项

这4个文件一般情况下就放在主目录下不要去动他

快捷查看详细文档入口:https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/code.html

page目录下又有2个目录:

index、logs:page下的每个目录代表一个页面

通常一个页面有4个文件:.js、.json、.wxss、.wxml(文件名称系统会默认为和文件夹的名字一致,为了整洁也方便管理)

untils下只有一个js文件:这个文件通常用来放js的公共代码

快捷查看详细文档入口:https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html

猜你喜欢

转载自blog.csdn.net/u012717715/article/details/89948043
1-3