微信小程序开发工具使用教程微信小程序开发工具哪个好 _睿知

微信小程序开发工具使用教程，微信小程序开发工具哪个好？马上在1月9号即将迎来了微信小程序的正式上线了，相信大家都很期待微信小程序将带给我一些什么吧？那么在微信小程序正式上线前，小编先给来给大家介绍一下微信小程序开发工具使用教程和介绍一个微信小程序的例子，一起来看看。
微信小程序开发工具使用教程PS：因为本人没有小程序的内测资格，所以所有的开发及Demo都是无AppId的，如果哪位同学可以分享AppId，那感激不尽!
第一步(下载开发工具)
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1476197489869
在这里请注意，下载下来这个程序和以前的“微信web开发者工具”是同名同目录的，也就是说，如果你正在使用以前的“微信web开发者工具”的话你就需要将该程序的安装目录修改成别的名字，以免覆盖。
第二步（创建第一个程序）
打开刚才安装的开发工具，然后按照下图流程操作。

文章插图

文章插图
填写项目名称及选择项目目录后点击添加项目即可。

文章插图
第三步（认识开发工具布局）

文章插图
整个开发工具基本分为三块。
第一列：table-item 每个按钮代表一个页
第二列：webview 你的页面在这里实时展示
第三列：chrome调试工具，暂且这样叫吧，因为确实是使用了charome的调试工具，在这里可以调试页面的样式,js，网络检测，输入输出等等。
微信小程序例子目前微信小程序还没有正式上线，在这里小编先为大家介绍一个即将在1月9号和微信小程序一起上线的小程序－－嗨图！大家可以直接在这个微信小程序上DIY自己的照片，先来看看具体嗨图有些什么功能吧！

微信小程序嗨图功能

文章插图
1、专题——DIY图片的模板，点击可以生成使用，分享到朋友圈。
2、分享墙——用户上传的自己DIY作品。
3、立即制作——可以用自己的图来DIY 。
4、告诉我——告诉产品的改进，内容的增加。
想要体验怎么制作属于自己个性朋友圈照片的用户，等1月9号微信小程序上线后，扫一扫下面的二维码就可以啦！还等什么，赶紧扫码体验，开启你的嗨图之旅吧！
【微信小程序开发工具使用教程微信小程序开发工具哪个好】