2、调试：当你开发完程序需要调试的时候，需要切换到此区域，调试区域中有很多可用的工具。

3. 项目：您可以在此处上传或预览您的项目

4.编译：相当于运行项目

5.关闭：关闭当前项目

6.微信小程序网页开发工具提供实时预览功能，界面效果会在此区域展示

7.此区域展示的是整个项目的文档目录结构

8. 该区域是编码区域

9. 在这里选择屏幕尺寸

10.模拟网络环境：2G/3G/4G/WiFi

4、调试区六大工具介绍：

在调试区，开发工具提供了6种调试模式：

4.1

意思是控制台，做过开发的人都知道，几乎每个IDE都有一个控制台，可以显示错误信息，打印变量信息等。

4.2

显示当前项目所有的脚本文件，微信小程序框架会对这些脚本文件进行编译。

下面还有一个区域，做过软件开发的人都知道，下面一般会有一个控制台，会显示一些日志信息，断电调试等。

4.3

顾名思义：此区域显示与网络相关的信息。我尚未在此处发出任何网络请求。

4.4

官方的解释是使用wx.或者wx.之后显示当前项目的数据存储。这个以后再研究。

4.5

这里展示的是当前项目的具体数据，可以在这里进行编译，并实时显示在页面上。

4.6 Wxml

Wxml调试区域：换个名字大家就比较好理解了，其实它的本质就是HTML+CSS，微信只是把HTML改成了Wxml而已，学过HTML的人一看就懂。左侧区域是HTML语言+CSS的一些标签属性，右侧可以方便的设置CSS属性。

5. 我与微信小程序的交集

成功申请小程序之后第一件事就是想体验一下小程序到底是什么样的，还想看看微信小程序的可视化开发功能（原来一开始理解错了）。

因为之前曝光的一些微信小程序长这样：

我和朋友误以为微信小程序有类似的功能，可以通过拖拽的方式进行开发。刚申请完，我就找了一下午都没找到这个功能。最后我找到了一个微信小程序设计指南，里面找到了之前看过的图片。原来之前看过的图片只是一些小程序设计规范，并不是我想象中的可视化开发，让不懂代码的人也能开发。

虽然目前内部版本还没有该功能，但不排除微信在不久的将来会发布类似的可视化开发功能。

6. 微信小程序概述

通过这几天的接触，我想简单说一下我使用微信小程序的体会。首先从技术角度来说，微信小程序的开发本质上和网页开发是同样的技术，开发小程序的核心依然是 CSS3+。所以微信小程序的到来对于网页程序员来说是一个春天。因为他们可以无缝进入微信小程序的开发。

当然其他程序员也不用慌，微信小程序才刚刚上线，还在内测阶段，我们有充足的时间去学习相关技术，毕竟学了一门语言，语言之间的思路是一样的，只是每种语言的语法不一样而已。

其次想说一下前端开发人员未来的发展方向（iOS//H5/WP...）。四五年前大家都是100%开发。但是随着开发和性能的不断提升，再加上强大的网络支持，现在的产品已经非常接近原生语言开发的APP了，而原生APP没有页面的灵活性。在开发易到用车的时候，页面大概占到了所有页面的10%左右，而且这个比例还在不断的增加。因为运营可能会频繁发布活动，如果用开发的话，每次活动都要重新提交审核太麻烦了，这样优势就体现出来了。所以像iOS工程师或者开发者都可以学习一下Web前端开发技术，哪怕不是为了开发小程序，而是为了程序中日益增多的页面的交互和相互调用。

未来微信小程序的开发对于中小企业来说确实是一件好事，如果对业务和性能要求不是很高的话，完全可以使用微信小程序进行开发。这样前端开发工作只需要招一个web前端程序员就可以了，至少可以省去iOS和两个程序员的麻烦。不过作为iOS和程序员，完全不用担心被web前端抢饭碗，语言是互通的，只要学会谁都可以做。而且微信小程序做出的APP性能如何目前还是未知数，所以目前的任务是先学好web前端技术，以备不时之需。