微信小程序开发工具使用步骤

自李小龙推出微信小程序公测后,很多开发者纷纷对小程序进行了解和学习。不过,要想知道微信小程序如何开发,开发者们必须先学会如何使用微信小程序开发工具。

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

    4、微信小程序开发者工具共分成“编辑”、“调试”和“项目”三个部分。 编辑:编辑和修改小程序的代码。 调试:显示小程序代码错误和警告,便于调试代码错误。 项目:用于查看小程序的属性、修改小程序配置,以及提交小程序代码至微信服务器。 开发工具还提供简单的模拟器(页面左侧),开发者可以使用模拟器在电脑上模拟用户点击及使用,提供后台情况模拟、多媒体播放器调试、缓存数据处理等功能。

  • 05

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

  • 06

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

  • 07

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

  • 08

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

(0)

相关推荐

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

    微信小程序开发工具(微信web开发者工具)下载,安装,创建新项目和如何导入项目整个过程教程. 1.首先登陆微信公布的简易教程网页,登陆上去后,点击导航栏上方的“工具”按钮.然后点击左侧边的导航栏“下载 ...

  • 微信小程序开发工具怎么使用 微信小程序开发工具使用图文教程

    微信小程序开发工具怎么使用呢?很多朋友都不是很清楚,下面小编给大家带来了微信小程序开发工具使用图文教程,感兴趣的小伙伴一起看看吧! 微信小程序开发工具使用教程如下所示: 登陆微页官网,点击首页weba ...

  • 微信小程序开发工具使用

    微信小程序开发工具(微信web开发者工具)下载,安装,创建新项目和如何导入项目整个过程教程. 操作方法 01 首先登陆微信公布的简易教程网页,登陆上去后,点击导航栏上方的"工具"按 ...

  • 微信小程序开发以及操作步骤

    随着互联网的不断发展,H5.微信小程序也不断走进每个人的生活 操作方法 01 注册小程序帐号 在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的"立即注册"按钮 ...

  • 微信小程序开发中常用快捷键

    这里小编为大家介绍一下微信小程序开发工具中常用的快捷键 格式调整相关操作快捷键 01 Ctrl+S:最简单的保存文件操作,微信小程序开发工具比较好的是每次保存都会自动编译 02 Shift+Alt+F ...

  • 微信小程序下载地址 微信小程序开发破解教程

    微信小程序开发简要教程: 本文档将带你一步步创建完成一个微信小程序,并可以在手机上体验该小程序的实际效果.这个小程序的首页将会显示欢迎语以及当前用户的微信头像,点击头像,可以在新开的页面中查看当前小程 ...

  • 微信小程序开发如何创建绑定事件

    微信最近推出了小程序功能,有些用户想知道微信小程序开发如何创建绑定事件,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图所示 ,打开[微信开发者工具].2. 第二步在项目列 ...

  • 微信小程序开发如何新建Page

    微信最近推出了小程序功能,有些用户想知道微信小程序开发如何新建Page,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步根据下图所示,打开[微信开发工具].2. 第二步根据下图所示 ...

  • 微信小程序开发实战教程: 手把手教你开发跑步微信小程序

    微信小程序正式上线,很多地方在刷屏,我们可以看见很多人都在使用微信小程序,但是不少用户不会微信小程序怎么开发?下面我们的小编带来微信小程序开发实战教程,手把手教你开发跑步微信小程序,随着小编一起来了解 ...