微信小程序开发工具怎么下载使用?微信小程序开发工具使用教程

来源:天极下载 时间:2017-03-22 11:49:14 作者: aoshuang

  微信小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。那么,微信小程序开发工具怎么下载使用?微信小程序开发工具使用教程

  第一步 (下载开发工具)

  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、告诉我——告诉产品的改进,内容的增加。

相关推荐
AI桌面浏览器

热文推荐

  • 48小时热文
  • 每周热文

微信小程序开发工具怎么下载使用?微信小程序开发工具使用教程