微信小程序开发工具怎么用?微信小程序开发工具的用法

9158APP 0

微信小程序开发工具怎么用?微信小程序开发工具的用法

随着微信小程序便捷的功能,微信小程序的开发工具也应运而生。相信大家都很好奇这些工具如何使用,那么下面小编就为大家介绍一下。

1.首先下载微信官方微信网页开发工具。打开微信公众平台,找到右下角的小程序模块,点击“开发”按钮

微信小程序开发工具需要先点击开发按钮

2、点击顶部导航栏的“工具”按钮,在新页面左栏找到“下载”。如您所见,开发工具适用于Windows 32 位、Windows 64 位和Mac

三个版本。您可以根据实际情况选择适合您电脑的开发工具。

微信小程序开发工具需要选择适合的开发工具

3.安装完成后,可以直接启动开发者工具。如果您是首次启动开发者工具,需要使用开发者微信扫描二维码登录。登录后点击“添加项目”按钮,填写

AppID(如果没有,请单击“无”

AppID)和项目名称。然后,在工程目录中点击“选择”,新建一个文件夹作为新的工程目录。然后再次点击“添加项目”,新建一个微信小程序项目。

微信小程序开发工具需要新建一个小程序项目

4.微信开发者工具分为“编辑”、“调试”、“项目”三个部分。

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

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

项用于查看小程序属性、修改小程序配置、提交小程序代码到微信服务器。

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

微信小程序开发工具三个部分

5、懂技术的程序员现阶段可以自行开发。不懂编程的新手可以登录微信小程序制作平台“极速App”官网www.jisuapp.cn来制作小程序。小程序模板非常多,您可以根据自己的需求选择模板进行制作。

6、创建完成后,点击“生成”按钮。然后选择“小程序打包”,下载小程序的标准代码包。

微信小程序开发工具需要下载标准代码包

7.返回微信网页开发工具,在“项目目录”栏中选择下载的代码包。打开后可以看到小程序的预览效果。

微信小程序开发工具可以达到预览效果

8. 在“项目”页面,开发者可以查看小程序的基本属性,在真机上预览和调试,或者向微信服务器提交新版本的小程序代码。服务器收到代码后,管理员可以通过微信公众平台提交新版本供审核。

以上就是微信小程序开发工具的使用方法。