大小:168.8M
更新时间:24-01-28
系统:Pc
版本:v1.06.2401020
微信开发者工具稳定版官方版是用于微信小程序开发和调试的一款开发软件,当前支持Windows和macOS两大平台,并提供了编辑器支持、模拟器和真机调试、项目管理、数据分析、自动化测试、快速体验等等丰富的功能,不仅能够对小程序的性能进行全面分析和数据统计,还能帮助开发者找出程序的瓶颈并进行优化,从而进一步提升用户的使用体验。
值得一提的是,微信开发者工具支持公众号网页调试和小程序调试两种开发模式,对于小程序调试模式,开发者可以完成小程序的API和页面的开发调试、代码查看和编辑、小程序预览和发布等功能,而在公众号网页调试模式下,开发者可以调试微信网页授权和微信JS-SDK,从而实现用户可以在公众号网页中进行授权、支付、分享等特定的操作。
无论是初学者还是有经验的开发者,都可以通过工具中的教程和资源快速入门和提升微信小程序的开发技能,欢迎感兴趣的用户朋友下载使用。
一、准备工作
在开始制作微信小程序之前,你需要准备好相关的资料和工具,包括:
1、企业营业执照和相关证明材料,
2、微信公众号认证(需要有认证过的微信公众号),
3、微信开发者工具(下载地址见微信公众平台)。
二、创建小程序
在微信开发者工具中创建小程序,可以通过以下步骤完成:
1、登录微信开发者工具稳定版官方版,
2、进入开发->开发设置->开发者工具,点击创建小程序按钮,
3、输入小程序名称、描述、类目、Logo等信息,
4、配置小程序的基本设置、服务器域名等信息,
5、获取小程序的AppID。
三、开发小程序
可以通过以下步骤完成:
1、在微信开发者工具中登录微信开发者账号,
2、创建项目,填写AppID、项目名称等信息,
3、选择模板或自定义模板进行开发,
4、在代码编辑器中编写小程序的前端逻辑、样式和页面布局,
5、在云开发中设置小程序的数据库、云函数等。
四、测试和上线
开发完成后,需要进行测试和上线。可以通过以下步骤完成:
1、在微信小程序开发工具中进行预览和测试,
2、在微信公众平台中提交审核,
3、等待审核通过后,发布小程序。
一、启动页
1、登录页
在登录页,可以使用微信扫码登录开发者工具,开发者工具将使用这个微信账号的信息进行小程序的开发和调试。
2、项目列表
登录成功后,会看到已经存在的项目列表和代码片段列表,
在项目列表可以选择公众号网页调试,进入到公众号网页调试模式。
3、新建项目
当符合以下条件时,可以在本地创建一个小程序项目
1)需要一个小程序的 AppID;如没有 AppID,可以选择申请使用测试号。
2)登录的微信号需要是该 AppID 的开发者;
3)需要选择一个空目录,或者选择的非空目录下存在 app.json 或者 project.config.json。当选择空目录时,可以选择是否在该目录下生成一个简单的项目。
4、多开项目
工具支持同时打开多个项目,每次打开项目时会从新窗口打开,入口有以下几种:
1)从项目选择页打开项目,处于项目窗口时可以从菜单栏的项目 -> 查看所有项目打开项目选择页
2)从菜单栏的最近打开项目列表中打开的项目会从新窗口打开
3)新建项目
4)命令行或 HTTP 调用工具打开项目
5、管理项目
对本地项目进行删除和批量删除。
二、主界面
开发者工具主界面,从上到下,从左到右,分别为:菜单栏、工具栏、模拟器、目录树、编辑区、调试器 六大部分。
菜单栏
微信web开发者工具
切换账号:快速切换登录用户
关于:关于开发者工具
检查更新:检查版本更新
开发者论坛:前往开发者论坛
开发者文档:前往开发者文档
调试:调试开发者工具、调试编辑器;如果遇到疑似开发者工具或者编辑器的 bug,可以打开调试工具查看是否有出错日志,欢迎在论坛上反馈相关问题
更换开发模式:快速切换公众号网页调试和小程序调试
退出:退出开发者工具
项目
新建项目:快速新建项目
打开最近:可以查看最近打开的项目列表,并选择是否进入对应项目
查看所有项目:新窗口打开启动页的项目列表页
关闭当前项目:关闭当前项目,回到启动页的项目列表页
文件
新建文件
保存
保存所有
关闭文件
编辑:可以查看编辑相关的操作和快捷键
工具
编译:编译当前小程序项目
刷新:与编译的功能一致,由于历史原因保留对应的快捷键 ctrl(⌘) + R
编译配置:可以选择普通编译或自定义编译条件
前后台切换:模拟客户端小程序进入后台运行和返回前台的操作
清除缓存:清除文件缓存、数据缓存、以及授权数据
界面:控制主界面窗口模块的显示与隐藏
设置:
外观设置:控制编辑器的配色主题、字体、字号、行距
编辑设置:控制文件保存的行为,编辑器的表现
代理设置:选择直连网络、系统代理和手动设置代理
通知设置:设置是否接受某种类型的通知
三、工具栏
点击用户头像可以打开个人中心,在这里可以便捷的切换用户和查看开发者工具收到的消息。
用户头像右侧是控制主界面模块显示/隐藏的按钮。至少需要有一个模块显示。
工具栏上提供了清缓存的快速入口。可以便捷的清除工具上的文件缓存、数据缓存、还有后台的授权数据,方便开发者调试。
工具栏右侧是开发辅助功能的区域,在这里可以上传代码、版本管理、查看项目详情。
四、工具栏管理
在工具栏上点击鼠标右键,可以打开工具栏管理。
五、模拟器
模拟器可以模拟小程序在微信客户端的表现。小程序的代码通过编译后可以在模拟器上直接运行。
开发者可以选择不同的设备,也可以添加自定义设备来调试小程序在不同尺寸机型上的适配问题。
在模拟器底部的状态栏,可以直观地看到当前运行小程序的场景值,页面路径及页面参数。
六、独立窗口
点击 模拟器/调试器 右上角的按钮可以使用独立窗口显示 模拟器/调试器
1、文件格式
因 iOS 下仅支持 UTF8 编码格式,最新版本的开发者工具会在上传代码时候对代码文件做一次编码格式校验。
2、文件支持
工具目前提供了 5 种文件的编辑:wxml、wxss、js、json、wxs 以及图片文件的预览。
3、文件操作
新建页面有两种方式
在目录树上右键,选择新建 Page,将自动生成页面所需要的 wxml、wxss、js、json
在 app.json 的 pages 字段,添加需要新建的页面的路径,将会自动生成该页面所需要的文件
4、自动保存
编辑代码后,工具会自动帮助用户保存当前的代码编辑状态,直接关闭工具或者切换到别的项目,并不会丢失已经编辑的文件状态,但需要注意的是,只有用户主动保存文件,修改内容才会真实的写到硬盘上。
如果设置中开启了 “修改文件时自动保存”(设置-编辑设置-修改文件自动保存),工具在修改文件时会自动保存到硬盘中,无需手动保存的效果。
设置中开启 “编译时自动保存所有文件”(设置-编译设置-编译时自动保存所有文件),在点击编译时自动保存所有文件的效果。
5、实时预览
如果设置中开启了 “文件保存时自动编译小程序”(设置-编辑设置-保存时自动编译小程序),那么当 wxml、wxss、js、json 文件修改时,可以通过模拟器实时预览编辑的情况:
注意:如果同时开启了 ”修改文件时自动保存“ 的设置,编译动作会有一定的延迟,来避免频繁的编译,手动点击编译按钮将立即编译。
6、自动补全
同大部分编辑器一样,工具提供了较为完善的自动补全
js 文件编辑会帮助开发补全所有的 API 及相关的注释解释,并提供代码模板支持
wxml 文件编辑会帮助开发者直接写出相关的标签和标签中的属性
json 文件编辑会帮助开发者补全相关的配置,并给出实时的提示
js 补全
代码模板支持
json 补全
wxml 补全
1、检测模拟
检测JS-SDK权限,模拟SDK,使用weinre移动调试。
2、模拟用户真实行为
刷新、后退、选中等动作统一入口,直接webview模拟器操作网页。
3、调试编辑器
调试界面和登录按钮,发现有bug查看日志是否出错。
4、工具和设置栏
工具栏有编译,刷新,编译配置,前后台切换,清除缓存等功能。
5、外观设置
控制编辑器的配色主题、字体、字号、行距。
6、编辑设置
控制文件保存的行为,编辑器的表现。
7、代理设置
选择直连网络、系统代理和手动设置代理。
8、通知设置
设置是否接受某种类型的通知。
v1.06.2401020版本
F 修复 win11 预览版系统工具启动卡死的问题
U 优化 编辑器打开较大 JS文件解析的时间
U 优化 不应该允许开启调试器设置 Selected Context Only
F 修复 异步分包出现重定义的问题
A 新增 多端 Android 支持打包 aab 格式
A 新增 wx.getSystemInfo 对齐客户端的内容
A wx.request新增支持redirect参数传值manual
A 多端安卓云构建展示专业版构建横幅
A 优化了多端的部分交互
A 新增 工具 skyline 内核更新
A 新增 多端支持查看 apk 文件签名与公钥
A 新增 支持多端应用插件模式详情
A 新增 windows 32位版本的工具使用 skyline 功能时提示不支持
A 新增 工具模拟器 webview 渲染时支持 glass-easel 组件框架
A iOS多端模拟器支持显示iPad
A 新增 支持多端iOS配置RequireFullScreen
A 新增多端第三方框架兼容,自动恢复 app.miniapp.json
A 新增多端第三方框架兼容,自动补齐丢失字段
A 新增 代码片段分享时支持不设置最低基础库版本
U 优化 多端插件开发流程
U 优化 project.miniapp.json 可视化配置 iOS 端支持开启 Skyline 扩展模块
F 修复 微搭项目窗口工具栏错位问题
F 修复 公众号右上角更多按钮点击失效
F 修复 代码质量面板为空的问题
F 修复 windows 编译出现 wcc.exe ENOENT的问题
F 修复多端 ios 水印移除后的黑屏问题
F 修复 偶现新建项目后出现 a.getState is not a function 的错误
F 修复 部分情况下,代码包大小超出之后,上传报错面板没有展示文件列表的 bug
F 修复 wx.switchTab 到当前页面回调与客户端不一致的问题
F 修复 wx.chooseAddress 无法取消的问题
F 修复 自定义机型浮窗样式
F 修复 2.11.0 基础库模拟器白屏
F 修复 第二次编译的时候报错的问题
F 修复 路由事件未完成前调用 wx.reLaunch api 表现与客户端不一致的问题
F 修复 redirectTo 不应该有动画效果
F 修复 APIMock 配置在下次启动时丢失的问题
F 修复 自定义编译条件搜索过滤失效的问题
F 修复 多端插件插件解压错误
F 修复 工具中 skyline 渲染模式下某些情况会 crash 的 bug
F 修复 首次 cmd+Q 弹窗报错的问题
F 修复 信任项目的弹窗被挡住的问题
F 修复 当调试器在模拟器下方/右方时,终止模拟器时调试器区域没有提示的问题
F 修复 启动时会连续编译两次的问题
F 修复 项目启动时调试器会被刷新一次的问题
F 修复 某些情况下会一直编译的问题
F 修复 工具 1.06.2310182 版本引入的 WXML 编译报错问题
F 修复 工具 onPageNotFound 事件监听不触发的 bug
F 修复 worker 脚本执行同个 API 多次回调只有一个的问题
U 更新 工具模拟器 wxml 编译模块的版本
F 修复 skyline 渲染模式下,wxml 调试面板可能出现空白的 bug
F 修复 picker 的 level 属性为非 sub-district 时与客户端不一致的问题
微信开发者工具开发版v1.06.2401232大小:168.74M时间:2024-01-28查看
微信web开发者工具预发布版v1.06.2312061官方版大小:168.89M时间:2024-01-28查看
同类热门
猜你喜欢
类似软件
caxa线切割xp安装包42.82M8227人在用 caxa线切割xp是一款面向线切割加工行业的计算机辅助自动编程工具,软件集图纸设计和代码编程于一体,主要具有图形绘制、高级设计、切割轨迹及生成3B、4B、R3B代码等功能,能有效满足线切割加工行业的计算机辅助自动编程需求,在需要切割功能的时候使用它
查看php for windows官方最新版30.64M412人在用 php for windows官方最新版是一种新型的CGI程序编写语言,凭借其易学易用、运行速度快以及强大的功能和兼容性,成为了广大开发者的首选工具之一,作为一种脚本语言,PHP采用了类似于HTML的语法结构,使得开发者可以快速上手并开始编写代码,
查看HTTP Debugger pro中文破解版9.52M1296人在用HTTP Debugger pro是一款专门为网站开发者设计的调试工具,其主要能够对客户端浏览器和网站服务器之间所有的HTTP通信信息进行捕获、分析和调试,开发者们能够通过这些数据来测试和调试复杂的网站应用程序。在桌面应用程序方面,HTTP Debugg
查看AUTOP线切割软件777K862人在用AUTOP线切割软件是一款机械切割编程软件,该软件不仅仅是能够帮助用户进行机械的切割操作,并且还可以支持将DXF转换成为DAT的文件,其中就包含了大家经常看见的圆弧、多线、圆等类型,以及对特殊的曲线进行切割等实用的功能,同时还支持椭圆,样条曲线等特殊曲线
查看快手AAuto Quicker(更名为aardio)8.02M340人在用 快手AAuto Quicker是由一鹤快手耗时多年打造的一款AAuto语言开发工具,现更名为aardio,也是一款桌面软件快速开发工具。软件完美支持静态类型、动态类型,完美支持COM、DLL API、REMOTE EXE CALL API。它的主要
查看热门标签
网友评论0人参与,0条评论
最新排行
PhpStorm2022官方版429.8Mv2022.3.3 PhpStorm2022官方版是一款轻量级的便携式PHP IDE,为Python开发人员提供了广泛的基本工具,这些工具紧密集成以为生产性Python,Web和数据科学开发创建便利的环境,其功能包括代码帮助、重构、可视化调试、版本控制集成、远程配置以
查看YZYZ-JSON解析工具4.6Mv1.1官方版 YZYZ-JSON解析工具是一款专业的非常不错的解析工具,这款软件可以直接的在线对你的代码进行解析以及格式化等功能,专为JS学习者而开发,帮助大家更好的学习编程,非常简单快捷。另外,YZYZ-JSON解析工具还拥有导入树、格式化、还原化、清空文本、
查看keil uvision4软件189.29M KEIL是公司的名称,有时候也指KEIL公司的所有软件开发工具,uVision4是KEIL公司开发的一个集成开发环境(IDE),他在功能上和Eclipse类似,提供工程管理、源代码编辑、编译设uVision置、下载调试和模拟仿真等功能,提供一个环境
查看JavaScript代码排版工具21Kv1.0绿色版JavaScript代码排版工具是一款非常好用的js代码格式排版工具,它可以直接帮助你一键修改你的代码排版,以及把那些按字数来换行的文章修正为按段落换行,自动删除空段,根据需要任意选择单换行和双换行,让你的代码排版变得整洁规律,可以大大提高你的工作效率,
查看atom编辑器中文版198Mv1.63.0附使用教程工欲善其事,必先利其器。atom编辑器是github专门为程序员推出的一个跨平台文本编辑器,具有简洁和直观的图形用户界面,不仅支持CSS,HTML,JavaScript等网页编程语言,还支持自动完成分屏功能,集成了文件管理器,将编程变得更加有趣。相较于s
查看Git gui for windows(Git客户端)50.4Mv2.38.1官方版Git是一个免费的开放源码的分布式版本控制系统,用于处理从小到大的项目,速度和效率的一切。Git易于学习,具有闪电般快速的性能,占地面积小。它超越了像Subversion、CVS、Perforce和ClearCase这样的SCM工具,具有便宜的本地分支,
查看表结构设计器(EZDML)11.2Mv3.11免费中文版表结构设计器(EZDML)是一款功能强大的数据库建表软件,完全免费,能够支持sql、oracle、mysql、sqlserver、c++、java等数据库建表,支持多字段复合主键,用户只需要设定好你的数据表结构,EZDML就能自动生成程序代码,复制生成的
查看