您的位置:极速十分彩编程工具编程工具微信开发者工具下载 v1.02.1907300 稳定版

微信开发者工具下载 v1.02.1907300 稳定版微信开发者工具下载 v1.02.1907300 稳定版

软件大小:97.4M

软件官网:HomePage

用户评分:

软件类型:国产软件

运行环境:WinAll

软件语言:简体中文

软件分类:编程工具

更新时间:2019/10/7

授权方式:免费软件

插件情况:无 插 件

平台检测 无插件 360通过 腾讯通过 金山通过 瑞星通过
软件标签: 微信开发者工具
微信开发者工具是由微信官方推出的一款开发调试工具,这款工具为用户提供了非常全面的小程序开发工具,支持开发调试、代码编辑、程序测试的功能,用户可以直接模拟微信客户的表现,也能够在电脑端访问微信内的网页。微信开发者工具使用了Chrome DevTools与移动调试的木块,开发过程非常简便。

微信开发者工具第1张预览图

微信开发者工具官方介绍

为了帮助开发者简单和高效地开发和调试微信小程序,我们在原有的公众号网页调试工具的基础上,推出了全新的 微信开发者工具,集成了公众号网页调试和小程序调试两种开发模式。使用公众号网页调试,开发者可以调试微信网页授权和微信JS-SDK。使用小程序调试,开发者可以完成小程序的 API 和页面的开发调试、代码查看和编辑、小程序预览和发布等功能。

微信开发者工具功能简介

界面
启动页
登录页
在登录页,可以使用微信扫码登陆开发者工具,开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。
微信开发者工具第2张预览图

项目列表
登录成功后,会看到已经存在的项目列表和代码片段列表,
在项目列表可以选择公众号网页调试,进入到公众号网页调试模式
微信开发者工具第3张预览图

新建项目
当符合以下条件时,可以在本地创建一个小程序项目
1、需要一个小程序的AppID;如没有AppID,可以选择申请使用测试号。
2、登录的微信号需要是该AppID的开发者;
3、需要选择一个空目录,或者选择的非空目录下存在app.json或者project.config.json。当选择空目录时,可以选择是否在该目录下生成一个简单的项目。
微信开发者工具第4张预览图

多开项目
工具支持同时打开多个项目,每次打开项目时会从新窗口打开,入口有以下几种:
1、从项目选择页打开项目,处于项目窗口时可以从菜单栏的项目->查看所有项目打开项目选择页
2、从菜单栏的最近打开项目列表中打开的项目会从新窗口打开
3、新建项目
4、命令行或HTTP调用工具打开项目

管理项目
对本地项目进行删除和批量删除
微信开发者工具第5张预览图

主界面
开发者工具主界面,从上到下,从左到右,分别为:菜单栏、工具栏、模拟器、编辑器、调试器五大部分。
微信开发者工具第6张预览图

菜单栏
切换帐号:快速切换登录用户
关于:关于开发者工具
检查更新:检查版本更新
开发者论坛:前往开发者论坛
开发者文档:前往开发者文档
调试:调试开发者工具、调试编辑器;如果遇到疑似开发者工具或者编辑器的bug,可以打开调试工具查看是否有出错日志,欢迎在论坛上反馈相关问题
更换开发模式:快速切换公众号网页调试和小程序调试
退出:退出开发者工具

项目
新建项目:快速新建项目
打开最近:可以查看最近打开的项目列表,并选择是否进入对应项目
查看所有项目:新窗口打开启动页的项目列表页
关闭当前项目:关闭当前项目,回到启动页的项目列表页

文件
新建文件
保存
保存所有
关闭文件

编辑
可以查看编辑相关的操作和快捷键

工具
编译:编译当前小程序项目
刷新:与编译的功能一致,由于历史原因保留对应的快捷键ctrl(⌘)+R
编译配置:可以选择普通编译或自定义编译条件
前后台切换:模拟客户端小程序进入后台运行和返回前台的操作
清除缓存:清除文件缓存、数据缓存、以及授权数据

界面
控制主界面窗口模块的显示与隐藏

设置:
外观设置:控制编辑器的配色主题、字体、字号、行距
编辑设置:控制文件保存的行为,编辑器的表现
代理设置:选择直连网络、系统代理和手动设置代理
通知设置:设置是否接受某种类型的通知

工具栏
点击用户头像可以打开个人中心,在这里可以便捷的切换用户和查看开发者工具收到的消息。
微信开发者工具第7张预览图

用户头像右侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。
微信开发者工具第8张预览图

工具栏中间,可以选择普通编译,也可以新建并选择自定义条件进行编译和预览。
通过切后台按钮,可以模拟小程序进入后台的情况
微信开发者工具第9张预览图

工具栏上提供了清缓存的快速入口。可以便捷的清除工具上的文件缓存、数据缓存、还有后台的授权数据,方便开发者调试。
工具栏右侧是开发辅助功能的区域,在这里可以上传代码、申请测试、上传腾讯云、查看项目信息
微信开发者工具第10张预览图

工具栏管理
在工具栏上点击鼠标右键,可以打开工具栏管理
微信开发者工具第11张预览图

模拟器
模拟器可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。
开发者可以选择不同的设备,也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题。
微信开发者工具第12张预览图

在模拟器底部的状态栏,可以直观地看到当前运行小程序的场景值,页面路径及页面参数

独立窗口
点击模拟器/调试器右上角的按钮可以使用独立窗口显示模拟器/调试器
微信开发者工具第13张预览图
  • 下载地址
有问题? 投诉报错

用户评论

(您的评论需要经过审核才能显示)0人参与,0条评论
140

最新评论

我要抢沙发

请简要描述您遇到的错误,我们将尽快予以修订

返回顶部