微信小程序开发工具 v1.11.122100官方版 附使用教程

微信小程序开发工具是基于web设计的一款开发软件，为用户提供一整套的sdk工具，集编辑、修改、测试为一体，可以使开发者快速的开发一个小程序。感兴趣的朋友也可以自己下载体验哦！

微信小程序开发工具特色

了解微信公众平台提供的新能力，使用开发者工具开发小程序和模拟运行效果，提前感受小程序的威力

让开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验

微信小程序开发工具功能

重点突出

每个页面都应有明确的重点，以便于用户每进入一个新页面的时候都能快速地理解页面内容，在确定了重点的前提下，应尽量避免页面上出现其他干扰项影响用户的决策和操作。

流程明确

为了让用户顺畅地使用页面，在用户进行某一个操作流程时，应避免出现用户目标流程之外的内容而打断用户。

设计指南：

基于微信小程序轻快的特点，我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内，建立友好、高效、一致的用户体验，同时最大程度适应和支持不同需求，实现用户与小程序服务方的共赢。

友好礼貌

为了避免用户在微信中使用小程序服务时，注意力被周围复杂环境干扰，小程序在设计时应该注意减少无关的设计元素对用户目标的干扰，礼貌地向用户展示程序提供的服务，友好地引导用户进行操作。

微信小程序开发工具使用教程

第一步 (下载开发工具)

第二步(创建第一个程序)

打开刚才安装的开发工具，然后按照下图流程操作

填写项目名称及选择项目目录后点击添加项目即可

第三步(认识开发工具布局)

整个开发工具基本分为三块。

第一列：table-item 每个按钮代表一个页

第二列：webview 你的页面在这里实时展示

第三列：chrome调试工具，暂且这样叫吧，因为确实是使用了charome的调试工具， 在这里可以调试页面的样式,js，网络检测，输入输出等等。