字节跳动开发者工具是专门为小程序打造的开发者工具。字节跳动开发者工具可以帮助用户开发今日头条小程序，并为用户提供调试工具、代码编辑、代码检测等工具。

字节跳动开发者工具是专门为小程序打造的开发者工具。字节跳动开发者工具可以帮助用户开发今日头条小程序，并为用户提供调试工具、代码编辑、代码检测等工具。

指示

新建项目

当满意时：

已拥有字节跳动小程序的AppID；

登录的账号是AppID对应的小程序的开发者。

您可以选择窗口中央的“创建今日头条小程序”，或者点击右下角的“新建”按钮创建一个新项目。

选择项目类型：小程序或小游戏（选择后不可更改）。

选择一个空目录作为项目目录。选择空目录时，可以选择是否在该目录下生成简单工程。

appId需要从公共平台管理后台获取。

　主界面

如图所示为：工具栏、模拟器、编辑器、调试器。

窗口菜单栏

小程序：可查看开发者工具版本号

项目：支持打开“开发者工具”本身的调试器

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

工具栏

编译：编译当前小程序项目

刷新页面：刷新当前页面

清除缓存：可以清除文件缓存、数据缓存、登录状态和授权数据

上传：填写应用版本号和更新日志，并将小程序应用内容上传到服务器

预览：生成二维码并预览上传的版本

详细信息：显示当前小程序的appid、user_id、本地目录、文件系统、基础版本和编译版本，并可以设置验证TLS版本和HTTPS证书

单击“模拟器”、“编辑器”和“调试器”三个按钮可以隐藏/显示相应的模块。界面中显示至少一个模块。

　模拟器

模拟器模拟了今日头条小程序在客户端的实际逻辑表现，大部分API都可以在模拟器上呈现正确的状态。开发者可以选择不同的设备，调试小程序在不同尺寸机型上的适配问题。

编辑器

在编辑器模块中，可以对当前项目进行代码编写以及文件的添加、删除、重命名等基本操作。

文件格式：由于iOS仅支持UTF8编码格式，因此最新版本的开发者工具在上传代码时会对代码文件进行编码格式检查。

文件支持：该工具目前提供ttml、ttss、js、json 5种类型文件的编辑以及图片文件的预览。

文件操作：可以在目录树上右键单击，选择新建页面。页面需要的ttml、ttss、js、json会自动生成，在app.json的pages字段中添加需要创建的页面的路径，就会自动生成该页面需要的文件并通过两种方式创建新页面。

目录树：可以查看当前项目的目录结构。

　调试器

调试工具分为6个功能模块：Bxml、Console、Sources、Network、Application、Performance

自定义编译条件

编译条件会读取project.config.json中condition字段下的相关配置，方便导入编译条件。

点击工具栏上的普通编译部分，在下拉列表中点击添加编译模式，会弹出填写编译条件的窗口，添加您自己定制的编译条件。

在弹出的窗口中添加模式名称、启动页面、启动参数和入口场景字段，点击确认生成新的编译条件。

　上传提审

点击工具栏‘上传’按钮，填写版本号（版本号不能重复，需要在之前的版本号基础上加1），填写更新日志，点击确认上传至开发者平台。

上传完成后，进入开发者平台=>发布页面进行审核

Bxml panel

bxml面板用于帮助开发者开发ttml转换的界面。这里可以看到真实的页面结构以及该结构对应的ttss属性。同时可以修改对应的ttss属性，并在模拟器中实时看到修改（只能实时预览，不能保存到文件）。通过调试模块左上角的选择器，还可以快速定位到页面中组件对应的ttml代码。

　Console panel

开发者可以在这里调试代码。

　Sources panel

Sources 面板用于显示当前项目的脚本文件。与浏览器开发不同，小程序框架会对脚本文件进行编译，因此开发者在Sources 面板中看到的文件都是经过处理的脚本文件。代码会被包装在define函数中，对于Page代码，最后会主动调用require。

Network panel

网络面板用于观察和显示请求和socket请求状态。

　AppData panel

AppData面板用于显示和修改当前页面的数据属性

　　Storage panel

您可以查看存储存储状态。

常见问题

　解决字节跳动开发者工具安装无法打开问题

下载字节跳动开发者工具。下载后，点击安装。它将默认安装。

C:\Users\你的计算机名\AppData\Local\Programs\bytedanceide

目录，但是点击打开，会弹窗报红色错误如下图：

　解决方法：

在C:\Users\你的计算机名\AppData\Roaming目录下新建bytedanceide文件夹

然后在bytedanceide文件夹下新建tmadevtool文件夹

然后在tmadevtool文件夹下新建一个不带后缀的文件，名为projectInfo。

解决起来就是这么简单

重新打开字节跳动开发者工具一切正常！

变更日志

修复：修复部分情况下真机预览异常的问题