字节跳动开发者工具

　　字节跳动开发者工具可以帮助用户在电脑上开发小程序，如果你需要开发抖音上的小程序就可以直接在这款软件创建项目，软件提供资源管理功能，可以将编程相关的项目添加到软件使用，支持源码管理功能，可以在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 内的所有内容用引号包裹。

　　原因：语法校验时无法正确识别插值括号的内容，需要用引号包裹。