字节跳动开发者工具可以帮助用户在电脑上开发小程序,如果你需要开发抖音上的小程序就可以直接在这款软件创建项目,软件提供资源管理功能,可以将编程相关的项目添加到软件使用,支持源码管理功能,可以在git获取当前项目相关的源码内容,从而添加到软件使用,设计完毕的项目可以直接在真机上调试,可以在软件显示手机模拟画面,方便用户直接测试小程序在手机上运行的效果,为调试小程序以及优化性能提供帮助,使用这款IDE就可以实现字节跳动系列软件的小程序开发,并且支持项目上传,需要就下载吧!
编码效率
在实际开发过程中,下列工具能够大幅提升开发效率。
模拟器:使用模拟器在本地模拟运行小程序,便于快速预览、初步调试。
代码补全:开发者工具提供了 TTML、TTSS、JS、JSON 的补全以及 API 自动补全/语法提示。
插件扩展:在 IDE 左侧工具栏单击【扩展】,可以安装各种插件,提高开发效率。
调试模式
如果需要排查代码 bug 或性能瓶颈,可选择下列调试模式:
模拟器调试:通过模拟器初步调试基础功能与样式。
预览调试:通过真机调试面板查看小程序运行信息。
真机调试:通过远程连接至真机,设置断点、查看运行信息。
一键上传
开发者可以在 IDE 顶部工具栏中点击【上传】,将代码上传、审核。
项目管理
在上述流程相关功能之外,IDE 还集成了其他常用的管理工具,例如 Git 源码管理、NPM 包管理等。
搬家工具,帮助微信小程序的开发者快速迁移到字节跳动小程序
支持VSCode插件,在编辑代码文本的时候可以自动高亮内容
代码片段,可以将小程序代码中,部分内容分享出来生成代码片段,进行运行
提供调试功能,直接在软件上调试当前的项目,可以选择普通模式编译,可以自定义编译条件
提供模拟器运行功能,开发的小程序直接在手机模拟器上测试,可以查看小程序运行是否出现bug
支持源码查看、断点调试、缓存数据查看、编辑、运行日志、错误查看
1、将字节跳动开发者工具直接安装到电脑
2、提示登录界面,使用抖音扫描就可以直接登录
3、如图所示,提示项目选择功能,如果已经有项目就可以添加到软件继续编辑,也可以选择模板
4、创建新的项目,在软件输入项目名字,设置项目地址,可以选择使用测试的APPID进入软件编程
5、这里是编程界面,可以查看资源管理器,可以在顶部启动模糊器,可以启动调试器
6、支持新建小程序页面、新建小程序组件、新建文件、新建文件夹、在文件资源管理器中显示、在集成终端中打开
7、源码管理功能,可以在这里查看源码内容,当前打开的文件夹没有 git 存储库。您可以初始化一个存储库,该存储库将启用由 git 提供支持的源代码控制功能。
8、打开文件,可调试或运行。
要自定义运行和调试创建launch.json文件。显示所有自动调试配置。
真机调试
为了便于开发者在真实移动设备上对抖音 APP 中的小程序调试,开发者工具提供了真机调试的功能。
说明:
调试二维码生成后,请使用抖音扫码进行调试
Android 调试请确保抖音版本为 18.6.0 及以上版本
iOS 调试请确保抖音版本为 20.7.0 及以上版本
调式步骤:
1.打开开发者工具,单击工具栏上的【真机调试】按钮。
2.选择扫码调试 或 推送调试。推送调试打开抖音 APP,使用扫一扫功能扫描二维码。
推送调试
1.打开抖音 APP,使用扫一扫功能扫描二维码。
2. 二维码扫描成功后,等待一段时间,抖音 APP 内自动打开小程序,电脑端自动打开真机调试窗口。
扫码调试
1.打开抖音 APP ,使用扫一扫功能,扫描二维码。
2. 扫码成功后,电脑端自动打开真机调试窗口。
预览
上传小程序至服务器后生成相应的预览二维码,使用抖音 APP 扫码即可查看。 预览的方式分为:
1.推送预览
打开抖音app,使用扫一扫功能扫描二维码。
二维码扫描成功后,等待一段时间,点击【推送并调试】,抖音APP内自动打开小程序,即可预览小程序线上的效果。
2.扫码预览
打开抖音 APP ,使用扫一扫功能,扫描二维码。
扫码成功后,抖音APP内自动打开小程序,即可预览小程序线上的效果。
预览或者上传时,提示 没有相关权限 等错误信息。
解决办法:请小程序的拥有者给当前开发者设置上传预览的权限。
原因:小程序的上传预览需要权限设置。建议在【管理后台】>【设置】>【团队协作】>【协作者】中检查当前用户对小程序的权限设置。
项目使用 uni-app 进行多平台开发。在微信开发者工具中预览时正常,但是在字节开发者工具中预览失败,报错信息是 包体积过大 。
解决办法:uni-app 构建对应平台产物时使用 NODE_DEV=production ,简化 source map
编辑 TTML 文件时,内联样式 style background 图片地址提示报错,
解决办法:编写时将 url 内的所有内容用引号包裹。
原因:语法校验时无法正确识别插值括号的内容,需要用引号包裹。
编程工具 /
下载编程工具 /
下载编程工具 /
下载编程工具 /
下载编程工具 /
下载编程工具 /
下载编程工具 /
下载编程工具 /
下载编程工具 /
下载编程工具 /
下载
网友评论