微信开发者工具教程视频 微信开发者工具教程( 二 )


查看所有项目:新窗口打开启动页的项目列表页
关闭当前项目:关闭当前项目,回到启动页的项目列表页
文件
新建文件
保存
保存所有
关闭文件
编辑:可以查看编辑相关的操作和快捷键
工具
编译:编译当前小程序项目
刷新:与编译的功能一致,由于历史原因保留对应的快捷键 ctrl(?) + R
编译配置:可以选择普通编译或自定义编译条件
前后台切换:模拟客户端小程序进入后台运行和返回前台的操作
清除缓存:清除文件缓存、数据缓存、以及授权数据
界面:控制主界面窗口模块的显示与隐藏
设置:
外观设置:控制编辑器的配色主题、字体、字号、行距
编辑设置:控制文件保存的行为,编辑器的表现
代理设置:选择直连网络、系统代理和手动设置代理
通知设置:设置是否接受某种类型的通知
工具栏
点击用户头像可以打开个人中心,在这里可以便捷的切换用户和查看开发者工具收到的消息 。
用户头像右侧是控制主界面模块显示/隐藏的按钮 。至少需要有一个模块显示 。
工具栏中间,可以选择普通编译,也可以新建并选择自定义条件进行编译和预览 。通过切后台按钮,可以模拟小程序进入后台的情况
工具栏上提供了清缓存的快速入口 。可以便捷的清除工具上的文件缓存、数据缓存、还有后台的授权数据,方便开发者调试 。工具栏右侧是开发辅助功能的区域,在这里可以上传代码、申请测试、上传腾讯云、查看项目信息
工具栏管理
在工具栏上点击鼠标右键,可以打开工具栏管理
模拟器
模拟器可以模拟小程序在微信客户端的表现 。小程序的代码通过编译后可以在模拟器上直接运行 。
开发者可以选择不同的设备,也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题 。
在模拟器底部的状态栏,可以直观地看到当前运行小程序的场景值,页面路径及页面参数
独立窗口
点击 模拟器/调试器 右上角的按钮可以使用独立窗口显示 模拟器/调试器
注意事项
macOS Catalina (macOS 10.15) 已损坏无法打开解决办法:
打开终端(“启动台”—“其他”),输入以下命令,回车:
sudo xattr -d com.apple.quarantine /Applications/xxxx.app(注意空格:sudo空格xattr……)
注意:/Applications/xxxx.app 换成你的App路径,这一步的具体步骤为:在输入 sudo xattr -d com.apple.quarantine 后将你打不开的软件拖进终端,重启App即可 。
MacOS 10.15 系统下,如提示“无法启动”,请在系统偏好设置-安全性与隐私-选择【仍要打开】,即可使用 。
微信小程序开发工具更新日志
2021.03.19 更新日志A 新增 云函数本地调试支持模拟环境变量A 新增 云开发云托管消息推送A 新增 公众号网页开发支持音频标签A 新增 公众号网页调试支持横屏A 新增 wx.request 支持使用 enableHttp2 参数 详情A 新增 可视化编辑增加组件面板A 新增 调试菜单增加打开工具调试相关文件快捷操作A 新增 支持 getUserProfile 接口的交互U 优化 公众号网页调试窗口支持自定义标题栏U 优化 二次编译 JSON 文件的速度U 优化 新建云开发项目体验优化U 优化 sitemap 文件的检测方式U 优化 背景音频支持倍速设置 playbackRate 反馈详情U 优化 调试器 js context appservice 展示改为非红色U 优化 调试器 sources 面板默认自动展开当前 instanceframe 内的代码目录U 优化 10MB以上代码包采用异步方式上传U 优化 模拟器更多功能半屏弹窗,横屏时对齐客户端样式F 修复 分包插件页无法引用分包组件的问题F 修复 小游戏模拟器分离窗口显示不全的问题 反馈详情F 修复 调试器 sensor 面板重力模拟无法使用的问题F 修复 WeappApplication 目录下 Temp 文件占满磁盘问题 反馈详情F 修复 二维码编译打不开的问题 反馈详情F 修复 无手机号小程序无法开通云开发的问题F 修复 多项目窗口切换登录用户后没有同步头像等状态F 修复 代码片段分享失败的问题F 修复 模拟器网络设为 offline,WebSocket 依然能通信的问题反馈详情F 修复 showToast icon 为 error 展示不正确的问题 反馈详情F 修复 中 safe-area-inset-bottom 可能失效的问题F 修复 小游戏开发模式下读取非game.json的json文件时,控制台会输出警告的问题F 修复 第三方平台开发模式下,真机调试获取不到ext.json内容的bug 反馈详情F 修复 导入项目不能选择云开发的问题 反馈详情F 修复 部分机器调试器白屏问题F 修复 编译条件参数为空时 onLoad 方法获取的 options 为 {"": ""} 的问题 反馈详情

推荐阅读