随着微信公开微信小程序，越来越多的开发人员参与小程序的开发，编辑器也不例外。在过去的几天里，我已经探索了微信小程序和微信开发工具。显然，让我与您分享我的想法和一些干货。

入门和准备

在开始以下正式工作之前，您需要了解一下微信小程序是什么，为什么将其称为“小”而不是“大”？

小程序之所以称为“小”，是因为它是基于微信的轻量级Web应用程序，该应用程序是html，css和JavaScript的新包，另外微信提供了交互功能。 小程序需要编写的内容包括js部分，wxml部分，wxss部分。其中，js是整个小程序的控制引擎，负责交互和数据。 wxml和wxss负责UI性能，而UI性能实际上是html和css的自定义版本。由此可见小程序框架是基于MVC的，默认情况下至少包括视图和控制器。

开发人员需要具有JavaScript编程能力，html和CSS应用程序能力。此外，您还需要下载“ 微信 web开发人员工具”，有关详细地址，请参见微信开发人员Wiki。我看到开发工具以前需要破解，但现在完全没有必要了。到目前为止，开发工具的版本为0.1 0.101100，存在许多错误，我非常非常抱怨！ ！ ！

小程序初体验

开发人员可以访问小程序 wiki，以下载演示并在开发工具中进行预览。如果您以前从未看过，请查看以下示例图片。

以上两张图片显示了官方演示提供的一些示例。由于开发工具中的错误，某些页面无法打开。

正式介绍

本节介绍基本的学习和开发方法。有关特定的API和组件参考，请访问官方网站。官方开发和在线需要Appid，因此请在此处跳过。

使用开发工具通过选择快速入门来创建小程序骨架，如下所示：

上面是主要代码，包括主要控制文件app.js，配置文件app.json和单页文件inde.js。 app.js控制整个小程序的操作，监视运行状态，生命周期，并负责全局对象的管理。各个页面（在pages目录下）也具有自己的生命周期和样式定义，配置等，它们都在pages目录下（模块化管理）。

我相信可以使用JavaScript的孩子可以理解以上代码。视图文件wxml中的所有组件只能使用指定的组件，包括视图，文本，按钮等。它们遵循html属性规范的一部分（部分），样式表文件wxss遵循css规范，并且某些属性是不普遍。组件和控制器之间的交互可以通过绑定事件，通过属性bindTap，catachTap等完成。事件响应方法在页面脚本中定义。数据交互可以通过表单监视事件进行传输。视图中的数据由“ {{}}”符号绑定。与大多数模板引擎一样，它支持条件渲染，列表渲染等。

小程序具有大量基本组件，将它们与js结合使用，可以编写各种必需的组件。 小程序还提供用于访问网络和手机的API。详细信息将在下一篇文章中介绍。