微信小程序开发(一):目录结构

首先通过微信开发者工具创建一个普通的模板,进来后,初始化的目录结构如下图(马赛克部分是我自己加的)微信小程序开发(一):目录结构_第1张图片
可以看到上图, index/logs 这两个文件夹都是在 pages 文件夹内,属同一级目录,而最下方的utils文件夹和/app.js/app.josn/app.wxss/app.wss/project.config.json四个文件则与pages属于同一级目录

在每个文件夹右键,新建page,会自动生成js/json/wxss/wxml四种文件,也就是说,小程序的每一个页面都是由这四种文件组合而成,与javascript相似,各负起责,js只需管理状态,用户交互,wxml展示页面,json可以不写东西,但这个文件必须存在,wxss则管理样式。
在最下方的四个文件,则是全局管理,作用是一样的,则有效范围是整个项目(如果全局和各自页面的样式等冲突,则优先选取当前页面的样式),project.config.json则是项目的配置文件,打开后可以看到项目的基本情况,比如项目名称/appid等
微信小程序开发(一):目录结构_第2张图片

你可能感兴趣的:(微信小程序)