从这篇文章你可以学到：
1、小程序的代码结构
2、新建、修改页面，.js、.wxml、.json、.wxss的作用
3、app.js、app.json、app.wxss的作用
4、你可以创建小程序，尝试编程了
一、小程序的代码结构
如果你自己创建了小程序，你的代码结构和视频中讲解的一定是一样的。
pages：包含的是页面的所有文件。
子目录的名称一般和文件的名称一样，比如index目录，对应的就是index.js、index.wxml等。这样方便文件管理，因为小程序在加载index.wxml的时候，自动加载相同名称的.js和.wxss文件。
当我们新建一个页面的时候，一定会同步建立四个文件，如上图。这四个文件分别是什么意思呢？
二、.js、.wxml、.json、.wxss的作用
以index页面为例做一个简单的描述。（具体知识细节后面再讲）
index.js：是逻辑和数据层，里面主要是编写javascript代码，比如计算、逻辑判断等；包括页面需要动态展示的数据也是在这里准备的。
index.wxml：是展示层，所有的页面组件展示都是写在这里。比如button（按钮）、image（图片）组件。还有就是动态数据是通过EL表达式进行展示的。
index.json：配置文件，比如页面的标题、背景色等，类似于app.json。
index.wxss：是修饰层，也就是样式表。主要用于控制index.wxml里面组件的样式，比如颜色、大小、位置等等。
如果你以前写过前端代码，比如HTML，那么对这些文件就很好理解了。如果你没有写过，刚接触会有些别扭，但是没关系，先记住下来，多做多练，很快就精通了。
三、app.js、app.json、app.wxss的作用
这三个文件是小程序的整体配置，缺一不可。
app.js是小程序启动的入口文件，主要加载onLaunch函数。
app.json小程序的整体配置文件，和index.json类似，同样的可以修改小程序的标题、背景色等。对于同一属性，如果index.json中没有就是用app.json中的，否则就是用index.json中的（就近原则）。
app.wxss全局样式表。公共的样式一般都写在这个文件中，同样的和index.wxss也是就近原则（视频中有演示）。
四、创建你的小程序，尝试编程
如果你自习学习了初级篇这个系列的文章，相信你对小程序一定有了一定的理解。可以自己尝试修改一些内容，比如文字、图片等。
如果遇到问题，可以留言或者联系我的微信一起讨论。
本文地址：微信小程序开发频道 https://www.hkm168.com/web-wxxcx/1925.html，易企推百科一个免费的知识分享平台，本站部分文章来网络分享，本着互联网分享的精神，如有涉及到您的权益，请联系我们处理，谢谢！
相关阅读
