入门微信小程序从基础0开始二

上一节说了如何开通小程序账号及项目创建，今天说一说基础文件构成及作用，。(我觉得没必要想的那么全面复杂，所以都是个人简单理解，不是那么全面，大佬手下留情)

左边是模拟器，中间是文件目录，右边是具体的文件的内容。我们主要看中间的文件

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：公共样式。

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