字节跳动开发者工具是专为小程序打造的开发者工具，字节跳动开发者工具能够帮助用户开发头条小程序，为用户提供了调试工具，代码编辑，代码检测等工具。
使用方法
新建项目
当满足：
已拥有一个字节跳动小程序的AppID；
所登录的账号是该AppID所对应小程序的开发者。
可以选择窗口中央的「创建一个头条小程序」，或点击右下角的「新建」按钮，新建工程。
选择项目类型：小程序或小游戏（一旦选择无法更改）。
选择一个空目录，作为工程目录。当选择空目录时，可以选择是否在该目录下生成一个简单的项目。
appId需要在公众平台管理后台获取。
主界面
图中所示分别为：工具栏、模拟器、编辑器、调试器四大部分。
窗口菜单栏
小程序：可以查看开发者工具版本号
项目：支持打开「开发者工具」本身的调试器
编辑：可以查看编辑相关的操作和快捷键
工具栏
编译：编译当前的小程序项目
刷新页面：刷新当前页面
清除缓存：可以清除文件缓存、数据缓存、登录状态和授权数据
上传：填入app版本号及更新日志，上传小程序应用内容到服务器
预览：生成二维码，预览已上传版本
详情：展示当前小程序的appid、user_id、本地目录、文件系统、基础版本与编译版本，并可以设置校验TLS版本以及HTTPS证书
点击「模拟器」、「编辑器」、「调试器」三个按钮可以隐藏/显示相应的模块，界面中至少有一个模块被显示。
模拟器
模拟器模拟头条小程序在客户端真实的逻辑表现，对于绝大部分的API均能够在模拟器上呈现出正确的状态。开发者可以选择不同的设备，调试小程序在不同尺寸机型上的适配问题。
编辑器
编辑器模块内可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作。
文件格式：因iOS下仅支持UTF8编码格式，最新版本的开发者工具会在上传代码时候对代码文件做一次编码格式校验。
文件支持：工具目前提供了5种文件的编辑：ttml、ttss、js、json以及图片文件的预览。
文件操作：可以通过在目录树上右键，选择新建Page，将自动生成页面所需要的ttml、ttss、js、json，及在app.json的pages字段，添加需要新建的页面的路径，将会自动生成该页面所需要的文件，两种方式新建页面。
目录树：可以查看当前项目的目录结构。
调试器
调试工具分为6大功能模块：Bxml、Console、Sources、Network、Application、Performance
自定义编译条件
编译条件会读取project.config.json中的condition字段下的相关配置，方便导入编译条件。
点击工具栏的普通编译处，在下拉列表中，点击添加编译模式，会弹出填写编译条件窗口，添加自己的定制化的编译条件。
在弹出的窗口中，添加模式名称，启动页面，启动参数以及进入场景几个字段，点击确认，生成新的编译条件。
上传提审
点击工具栏的"上传"按钮，填写版本号（版本号不能重复，需在上一个版本号上加1）,填写更新日志，点击确认上传至开发者平台。
上传完成后，进入开发者平台=》发布页面进行提审
Bxmlpanel
Bxmlpanel用于帮助开发者开发ttml转化后的界面。在这里可以看到真实的页面结构以及结构对应的ttss属性，同时可以通过修改对应ttss属性，在模拟器中实时看到修改的情况（仅为实时预览，无法保存到文件）。通过调试模块左上角的选择器，还可以快速定位页面中组件对应的ttml代码。
Consolepanel
开发者可以在此调试代码。
Sourcespanel
Sourcespanel用于显示当前项目的脚本文件，同浏览器开发不同，小程序框架会对脚本文件进行编译的工作，所以在Sourcespanel中开发者看到的文件是经过处理之后的脚本文件，开发者的代码都会被包裹在define函数中，并且对于Page代码，在尾部会有require的主动调用。
Networkpanel
NetworkPanel用于观察和显示request和socket的请求情况。
AppDatapanel
AppDatapanel用于展示以及修改当前page的data属性
Storagepanel
可以查看Storage存储情况。
常见问题
解决字节跳动开发者工具安装无法打开问题
下载字节跳动开发者工具下载之后点击安装默认安装到
C:Users你的电脑名称AppDataLocalProgramsytedanceide
目录下但是点击打开弹窗报红色错误如下图：
解决方法：
C:Users你的电脑名称AppDataRoaming目录下新建bytedanceide文件夹
然后bytedanceide文件夹下面新建tmadevtool文件夹
然后tmadevtool文件夹下面新建一个名为projectInfo的无后缀的文件
就这么轻松解决啦
重新打开字节跳动开发者工具一切正常！！！
更新日志
