微信小程序之目录结构详解

微信小程序之目录结构详解

一、知识点
目录结构详解包括项目配置、项目入口以及项目页面。
在app.json中，pages配置了页面，里面是一个数组，数组里面是每个页面对应的页面路径。
json文件并不是必需的。而js文件配置了页面入口，wxml文件配置页面的布局与UI。通过js逻辑与UI的方式来完成一个页面的渲染工作。
wxss是页面的样式。在app.js里定义项目启动入口，app.json定义每个页面以及一些基本配置。
而每个页面又包含了一个js，js里又用了一个page方法，page方法里有页面的一些配置信息，同时定义自己的布局文件样式文件以及配置文件。这就是微信小程序整体的目录结构。

二、遇到问题及解决办法
当我们添加一个新项目时，由于一开始项目里什么文件也没有，console一栏会提示"app.json 文件读取错误"。这时要创建一个app.json，然后会看到console里提示说这个文件错误，这是由于文件里没有任何信息。在文件中添加“｛｝”后，console一栏就不会提示任何错误了，但在模拟器页面上会显示“编译.wxml文件错误，错误信息：”，这时候我们创建一个src目录表示源码，在此目录下再创建一个pages目录，pages下再创建一个新目录index，然后，在这个目录里可以创建页面：index.js和index.wxml，前者定义页面入口，在后者里加入内容，并在app.json内定义页面，app.js里配置app的信息。这样，微信小程序基本的页面就完成了。

三、收获
通过对微信小程序目录结构详解这一内容的学习，我对微信小程序的目录结构有了深刻的了解，这对于之后的学习是有一定帮助的。