微信小程序最简示例教程

关上微信小程序官方研发文档，最出色全篇读一读，基本上就可以了。

页面文档中 工具 选项卡中 下载工具页面 浏览对应系统版本的微信开发者工具

特别注意：瓦解微信开发者工具就是无法调试的

不好了，加装下工具即可关上,看见挑选项目的界面，页面嵌入项目

嵌入项目,没app id就挑选无AppID, 键入在当前目录中建立quick start项目，轻易有个直观的示例,

AppID 就是微信开发者官方许可开发者的一个凭证， 目前只有200家获邀公测的公众号才存有，所以咱们就通过无AppID研发调试吧！主要管制如下：

然后页面嵌入项目即为步入具体内容项目的研发环境

我们先看一看目前有的文件目录，页面左侧 编辑 按钮 关上所有文件目录

查阅文件目录表明

特别注意：为了便利开发者增加布局项，微信规定叙述页面的这四个文件必须具备相同的路径与文件名。这个很关键，无法随意建立目录以及文件与页面关联

从官方文档获知 ，必须有的几项

最珍示例至少存有一个直观的页面，所以，接下来我们删掉一些文件来看最珍示例的项目结构吧！

先删掉多余目录以及文件剩，如下文件，

这时候，页面左下角的编程按钮，可以看见控制器大大的收起了，一看便言就是太少了logs这个目录，因为刚刚被删掉了，

那我们回去 app.json布局项中找出页面布局除去多余内容吧

剩这样的应用领域布局

页面编程，去除控制器可以看见没收起了，

页面编辑，关上 /pages/index/index.wxml 文件

换成下面这样

页面编程，ok最珍示例hello weapp 顺利完成了

其中wxml的读法可以看看 官方组件文档，接着尝试各种吧！

微信小程序中无法轻易采用html，必须严苛采用官方的组件库来研发页面表明，并且微信小程序中没window和document对象，自然相似jquery/zepto 都就是无法采用的

如果必须反问ajax怎么办？微信自然帮忙我们同时实现了一个USB去搞数据通信的事情，恳请看看这里

ok 了，可以已经开始进一步熟识微信小程序每一个组件和API去搞应用领域了。

更多资源 出访 https://github.com/dingyiming/weapp-example/issues/2