微信小程序开发工具使用指南

浏览:1604 发布日期:2016/12/02 分类:时事热点 关键字:

要想知道微信小程序如何开发,就必须先学会如何使用微信小程序开发工具。所谓工欲善其事,必先利其器一起来看看这份非常实用的微信小程序开发工具使用指南吧。

filehelper_1480415940456_41

1、首先要下载微信官方的微信Web开发者工具。打开微信公众平台(mp.weixin.qq.com),找到右下方的小程序模块,点击「开发」按钮;

AE9C.tm

2、点击顶部导航栏的「工具」按钮,在新页面的左侧栏中找到「下载」。可以看到,开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本。可根据实际情况,选择适合自己电脑的开发工具。

filehelper_1480401909684_8

3、安装后,就可以直接启动开发者工具。如果是首次启动开发者工具,需要使用开发者的微信号扫码登录。登陆后,点击「添加项目」按钮,填写 AppID(如果没有,则点击无 AppID)和项目名称。接着,在项目目录中点击「选择」,新建一个文件夹作为新的项目目录。然后再次点击「添加项目」,就可以新建出一个微信小程序项目了。

3BC.tm

4、微信开发者工具共分成「编辑」、「调试」和「项目」三个部分。

编辑:编辑和修改小程序的代码。

调试:显示小程序代码错误和警告,便于调试代码错误。

项目:用于查看小程序的属性、修改小程序配置,以及提交小程序代码至微信服务器。

开发工具还提供简单的模拟器(页面左侧),开发者可以使用模拟器在电脑上模拟用户点击及使用,提供后台情况模拟、多媒体播放器调试、缓存数据处理等功能。

111306134458994962

5、懂技术的程序员到这一步就可以自己开发了。而不懂编程的小白,可以登录微信小程序制作平台「即速应用」官方网站www.jisuapp.cn进行小程序的制作。里面有大量的小程序模板,根据自己的需求选择一个模板进行制作即可。

11A5.tm

6、制作完成后,点击「生成」按钮。然后选择「小程序打包」,下载小程序的标准代码包。

124124124

7、回到在微信Web开发工具中,在「项目目录」这一栏选择下载好的代码包,打开后就可以看到小程序的预览效果了。

8

8、在「项目」页面中,开发者可以查看小程序的基本属性,也可以进行真机预览调试,或向微信服务器提交一个新版本的小程序代码。服务器收到代码后,管理员就可以通过公众平台,将新版本提交审核了。

以上就是微信小程序开发工具的具体使用方法。磨刀不误砍材工,只有认真了解过微信小程序开发工具如何使用,才能才微信小程序推出的关键时期抓住机会,尽快进入市场,拿下小程序的第一波红利。


评论(29 相关
回复 skinstore 2017-02-24
好好学习。
好好学习,支持
博主分享的不错的啦,学习了不少
不错 非常值得学习
文章内容很精彩 很喜欢
感谢分享 继续支持
支持下
非常不错 支持下
点赞 学习到了 支持下
内容非常精彩
很好
在线查询违章
很好 支持下 学习了
内容精彩 值得学习支持下
很好 支持下
很好 支持下 学习了
精彩 值得学习分享下
非常精彩 值得学习
内容精彩 值得学习分享下
文章内容很精彩 很适合我们阅读学习
写的很好 很适合我们阅读学习
很精彩 值得学习分享下
很好 支持下 不错
不错 值得学习分享 很好
值得学习分享 不错
很好 值得学习分享下 不错
不错 精彩
非常好 值得学习分享

发表评论

必填

选填

选填