131 - 修炼 - 小程序的知识点03

你好呀，今天想和你聊聊小程序的代码结构。

细细究起来并不复杂，但是一开始看的时候，我还是有些蒙圈的。我当时在疑惑一个问题---app.json与project.config.json的作用会不会重复呀？

两者并不重复，app.json主要是小程序的一些基本配置，而project.config.json与自定义编译模式有关。如果微信是一家公司的话，那么小程序就相当于是它的一个部门，app.json就相当于是这个部门的行为手册，而project.config.json就相当于是公司的行为手册。

小程序的基本结构，主要是以js, wxml, wxss, json为一个基本单元，不断重复的。这也体现了微信一贯的少即是多的原则。简洁而优雅。

images
pages
|---index
    |---index.js
    |---index.wxml
    |---index.wxss
|---logs
utils
app.js
app.json
app.wxss
project.config.json

images是图片等资源的存放地，pages是各种页面的存放地，每个页面里面至少包含*.js、*.wxml、*.wxss这三个元素。logs可以看做是一个特殊的界面，里面存放一些与日志相关的信息。utils里面存放一些全局的工具类。app.js里面存放一些全局的js调用，app.json里面存放一些全局的配置，比如决定文件的路径、窗口表现、设置网络超时时间、tab的设置等等。app.wxss用来设置一些全局的样式。project.config.json设定一些编译有关的配置。

这里是怀英的小茶馆，有空来坐坐。

题图来源：Pexels