携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第2天，点击查看活动详情
本次系列文章参与八月的更文活动，记录一个微信小程序从零到有的开发过程。本文为本系列第二篇：揭开微信开发者工具的神秘面纱。
环境准备
下载完成后，则开始创建小程序
创建完成后，则进入微信开发者工具界面
首先映入眼帘的则是三大功能区，模拟器、编辑器和调试器。绿色表示展开，再点击则隐藏。
最左侧可以修改机型，显示比例等查看预览效果
最右侧的详情可以查看小程序的一些基本配置，可以进行一些配置和修改。
微信小程序结构目录
微信小程序框架提供了自己的视图层描述语言 WXML 和 WXSS，以及 JavaScript，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。
以下为微信小程序文件结构与传统web对比情况：
| 结构 | 传统web | 微信小程序 |
|---|---|---|
| 结构 | HTML | WXML |
| 样式 | CSS | WXSS |
| 结构 | HTML | WXML |
| 逻辑 | Javascript | Javascript |
| 配置 | 无 | JSON |
通过以上对比得出，传统web 是三层结构。而微信小程序 是四层结构，多了一层 配置.json
如下图所示，则为微信小程序的基本的结构目录：
以上为微信小程序开发者工具和小程序基本结构目录，下一篇，则开始进如小程序开发的基本配置啦~
