绿茶软件园
绿茶软件园 > 下载中心 > 应用工具 > 编程开发 > 微信开发者工具最新版 v1.0.0 官方版
更多下载地址
微信开发者工具最新版 v1.0.0 官方版

软件大小:98MB

软件语言:简体中文

软件授权:官方版

软件类别:编程开发

软件等级:

更新时间:2017-08-31

官方网站:www.33LC.com

应用平台:/Win8/Win7/WinXP

  • 软件介绍
  • 软件截图
  • 其他版本
  • 相关阅读
  • 网友评论
  • 下载地址

微信开发者工具最新版是款帮助开发者简单和高效地开发和调试微信小程序的软件。微信开发者工具最新版集成了公众号网页调试和小程序调试两种开发模式,使用公众号网页调试,可以调试微信网页授权和微信JS-SDK详情,使用小程序模式,可以完成小程序的API和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。

 

微信开发者工具最新版使用说明:

1. 获取微信小程序的 AppID

登录 https://mp.weixin.qq.com ,就可以在网站的“设置”-“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。

注意:如果要以非管理员微信号在手机上体验该小程序,那么我们还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块,绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号。

2. 创建项目

我们需要通过开发者工具,来完成小程序创建和代码编辑。

开发者工具安装完成后,打开并使用微信扫码登录。选择创建“项目”,填入上文获取到的 AppID ,设置一个本地项目的名称(非小程序名称),比如“我的第一个项目”,并选择一个本地的文件夹作为代码存储的目录,点击“新建项目”就可以了。

为方便初学者了解微信小程序的基本代码结构,在创建过程中,如果选择的本地文件夹是个空文件夹,开发者工具会提示,是否需要创建一个 quick start 项目。选择“是”,开发者工具会帮助我们在开发目录里生成一个简单的 demo。

项目创建成功后,我们就可以点击该项目,进入并看到完整的开发者工具界面,点击左侧导航,在“编辑”里可以查看和编辑我们的代码,在“调试”里可以测试代码并模拟小程序在微信客户端效果,在“项目”里可以发送到手机里预览实际效果。

3. 编写代码

创建小程序实例

点击开发者工具左侧导航的“编辑”,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。微信小程序会读取这些文件,并生成小程序实例。

4. 手机预览

开发者工具左侧菜单栏选择"项目",点击"预览",扫码后即可在微信客户端中体验。

 

微信开发者工具最新版 v1.00 更新日志:

1、新增:申请测试报告功能

2、新增:WXS 功能

3、新增:发布腾讯云功能

4、优化:全新的视觉和交互体验

5、优化:更新内核版本

软件截图
  • 微信开发者工具最新版
  • 下载地址
微信开发者工具最新版 v1.0.0 官方版
远程下载
mac版下载一 mac版下载二
返回顶部