在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