微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。那么,微信小程序开发工具怎么下载使用?微信小程序开发工具使用教程。
第一步 (下载开发工具)
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、告诉我——告诉产品的改进,内容的增加。