用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
  • TA的每日心情
    无聊
    2017-8-15 16:38
  • 签到天数: 42 天

    [LV.5]常住居民I

    890

    主题

    2079

    帖子

    3万

    金钱

    管理员

    论坛管理员

    Rank: 9Rank: 9Rank: 9

    积分
    0

    突出贡献优秀版主荣誉管理论坛元老

    QQ
    2016-11-30 14:59:20 zhichi_admin 管理员 楼主 02408
    微信小程序开发工具使用指南
    要想知道微信小程序如何开发,就必须先学会如何使用微信小程序开发工具。所谓工欲善其事,必先利其器。一起来看看这份非常实用的微信小程序开发工具使用指南吧。
    11fa0005f11a665dc431.gif
    请输入图片描述
    1、首先要下载微信官方的微信Web开发者工具。打开微信公众平台(mp.weixin.qq.com),找到右下方的小程序模块,点击「开发」按钮;
    11fe0005f39b4a01279d.gif
    请输入图片描述
    2、点击顶部导航栏的「工具」按钮,在新页面的左侧栏中找到「下载」。可以看到,开发工具提供 Windows 32 位、Windows 64 位和 Mac 三个版本。可根据实际情况,选择适合自己电脑的开发工具。
    11fe0005f39cee392cb9.gif
    请输入图片描述
    3、安装后,就可以直接启动开发者工具。如果是首次启动开发者工具,需要使用开发者的微信号扫码登录。登陆后,点击「添加项目」按钮,填写 AppID(如果没有,则点击无 AppID)和项目名称。接着,在项目目录中点击「选择」,新建一个文件夹作为新的项目目录。然后再次点击「添加项目」,就可以新建出一个微信小程序项目了。
    11fe0005f39a6fa3c380.gif
    请输入图片描述
    4、微信开发者工具共分成「编辑」、「调试」和「项目」三个部分。
    编辑:编辑和修改小程序的代码。
    调试:显示小程序代码错误和警告,便于调试代码错误。
    项目:用于查看小程序的属性、修改小程序配置,以及提交小程序代码至微信服务器。
    开发工具还提供简单的模拟器(页面左侧),开发者可以使用模拟器在电脑上模拟用户点击及使用,提供后台情况模拟、多媒体播放器调试、缓存数据处理等功能。
    11fa0005f1163b2936f3.gif
    请输入图片描述
    5、懂技术的程序员到这一步就可以自己开发了。而不懂编程的小白,可以登录微信小程序制作平台「即速应用」官方网站www.jisuapp.cn进行小程序的制作。里面有大量的小程序模板,根据自己的需求选择一个模板进行制作即可。
    11f6000528d459dfb0c3.gif
    请输入图片描述
    6、制作完成后,点击「生成」按钮。然后选择「小程序打包」,下载小程序的标准代码包。
    11fa0005f11976fe7ec2.gif
    请输入图片描述
    7、回到在微信Web开发工具中,在「项目目录」这一栏选择下载好的代码包,打开后就可以看到小程序的预览效果了。
    127a0001dc8aedeb79b5.gif
    请输入图片描述
    8、在「项目」页面中,开发者可以查看小程序的基本属性,也可以进行真机预览调试,或向微信服务器提交一个新版本的小程序代码。服务器收到代码后,管理员就可以通过公众平台,将新版本提交审核了。
    以上就是微信小程序开发工具的具体使用方法。磨刀不误砍材工,只有认真了解过微信小程序开发工具如何使用,才能才微信小程序推出的关键时期抓住机会,尽快进入市场,拿下小程序的第一波红利。

    使用道具 举报 回复
    发新帖
    您需要登录后才可以回帖 登录 | 立即注册
    咫尺论坛|小程序开发社区
    X

    扫码添加专属客服即可随时咨询

    还可领取小程序推广攻略