微信小程序里各种文件是干什么的？

微信小程序首次进入

其他地方略过，这里讲一下，为什么要勾选“在当前目录中创建quick start项目”，quick start项目相当于word文档中的模板，可以在模板的基础上直接修改。

创建好了以后，会看到这个

中间的部分的目录，就是微信小程序的工程结构
重要的是图中的这些文件分别是干什么的？

这些文件可以分为四类，分别是以js、wxml、wxss和json结尾的文件。
以js结尾的文件，一般情况下是负责功能的，比如，点击一个按钮，按钮就会变颜色。

• 以wxml为后缀的文件，一般情况下负责布局，比如，把按钮放在屏幕的上方，还是放在屏幕的正中间。
• 以wxss为后缀的文件，是负责渲染的功能，比如，按钮是什么颜色，是正方形还是圆形。
• 以json为后缀的文件，这里可以暂时理解为更改屏幕上方的标题的，也就是说明页面的顶部标题。
  除了这些不同后缀结尾的文件让人看着头疼，还有一个难点就是这些文件夹。
• pages文件夹，正如同它的英文一样，是用来盛装一个程序中的页面的。pages文件夹里的文件夹，像index和logs这些不同的文件夹就是不同的页面。

一般一个页面，是由上面js、wxml、wxss、json四个文件构成的。当然也可以根据实际的开发，节省两个出来。

还有一些文件是放在pages文件夹外的，如app.js文件，一般放在pages文件夹外的就是负责对程序的整体起约束性作用的。如果一个js文件放在pages文件夹里的一个文件夹，那么这个js文件所起的作用的范围也就仅限于所在的那个页面了。而放在pages文件夹外，所管束的范围就是整个文件了。

原文:大专栏  微信小程序里各种文件是干什么的？

原文地址：https://www.cnblogs.com/chinatrump/p/11584756.html