当我们打开微信开发者工具之后，是这样的一个界面：
我这里是把模拟器隐藏了，所以只有编辑器和下面的调试器（类似与网站上面的网页调试）
这一篇文章主要说一下小程序的文档结构和文件类型。下面是基础生成的小程序的文档结构：
下面主要参考了微信官方文档的代码构成部分，本文也在此基础上做了一点点补充，大家也可以看下面的官方网址进行了解：
https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/file.html
首先我们可以先大概看一下小程序的文档结构，从上图可以看到一个大概的结构，处于根目录的app.js、app.json、app.wxss、还有project.config.json是全局文件，而上面处于page文件夹下的文件是页面文件，这个是小程序的基础结构。
然后我们来看一下小程序的文件类型。
刚刚打开开发者工具，会生成一个默认的页面，大家可以看到有四种文件类型：
1、.json
如果有开发背景的朋友看文件后缀就肯定能猜到，这个后缀的文件大概是json格式的，没错，这种类型的文件就是json格式的，这种类型的文件相当于配置文件，处于根目录的app.json是小程序的全局配置，而上面logs文件下的logs.json是单个页面的配置。
在根目录下面，大家会看到一个project.config.json，这个是工具配置，这里可以直接把官方文档上面的解释搬过来，大家可以看一下
2、.wxml
看这个名字后缀和.html有些类似，事实上他们的作用确实比较相似，wxml充当的大概就是html的角色，但是也并不是完全一样的，除了标签不同之外，还多了一些其他的属性和表达式。
3、.wxss
就像.wxml和.html的关系一样，.wxss和我们所熟知的.css也是类似的关系，当然并不是完全一样的，微信小程序的.wxss同样是做出了一些添加和修改。
4、.js
小程序的脚本文件，也就是类似前端开发的JavaScript，在小程序里面，就是通过编写js文件来响应用户的动作和用户进行交互
如果没有基础的话，其实不用看解释的那么多，只会给自己增加负担，只要有一个大概的简单了解就足够了，在写程序开发的过程中，就会慢慢理解熟悉了，只要简单了解了上面的内容，就已经足够开始进行小程序的开发学习了。
如果还是不太明白，一定要看上面的链接的官方文档，结合起来一起看，理解起来就容易多了。