字节跳动开发者工具

当提到字节跳动，大家可能首先想到的是抖音App、今日头条App等热门的移动端产品。然而，今天我要向大家介绍的是一款名为字节跳动开发者工具的神器，现在也叫作“抖音小程序开发者平台”它专为小程序制作而设计，对于编程人员来说绝对是一款不可多得的工具。这款字节跳动开发者工具面向所有字节跳动产品线的用户，旨在满足不同种类用户需求的小程序和小游戏的开发。它开放了生态支持，使得小游戏和小程序产品形态得以蓬勃发展。通过这个开发者工具，用户可以享受到调试工具、代码编辑、代码检测等一系列便捷功能，极大地提升了在PC端调试小程序的能力。这款字节跳动开发者工具不仅方便实用，而且易于上手。它提供了丰富的文档和教程，帮助用户快速掌握各种开发技巧。同时，它还支持多人协作，团队成员可以在同一平台上共同完成项目的开发工作，提高工作效率。相信在不久的将来，它将在小程序开发领域发挥更加重要的作用。

字节跳动开发者工具怎么安装？

1、在本站下载好安装包后，选择仅为我安装，

2、请选择需要安装到路径，

3、点击完成，退出安装向导。

字节跳动开发者工具怎么用

1、新建项目

当满足：

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

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

可以选择窗口中央的「创建一个头条小程序」，或点击右下角的「新建」按钮，新建工程。

选择项目类型：小程序或小游戏（一旦选择无法更改）。

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

appId 需要在公众平台管理后台获取。

2、主界面

图中所示分别为：工具栏、模拟器、编辑器、调试器四大部分。

3、窗口菜单栏

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

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

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

4、工具栏

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

刷新页面：刷新当前页面

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

上传：填入 app 版本号及更新日志，上传小程序应用内容到服务器

预览：生成二维码，预览已上传版本

详情：展示当前小程序的 appid、user_id、本地目录、文件系统、基础版本与编译版本，并可以设置校验 TLS 版本以及 HTTPS 证书

点击「模拟器」、「编辑器」、「调试器」三个按钮可以隐藏/显示相应的模块，界面中至少有一个模块被显示。

5、模拟器

模拟器模拟头条小程序在客户端真实的逻辑表现，对于绝大部分的 API 均能够在模拟器上呈现出正确的状态。开发者可以选择不同的设备，调试小程序在不同尺寸机型上的适配问题。

6、编辑器

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

文件格式：因 iOS 下仅支持 UTF8 编码格式，最新版本的开发者工具会在上传代码时候对代码文件做一次编码格式校验。

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

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

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

7、调试器

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

8、自定义编译条件

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

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

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

9、上传提审

点击工具栏的"上传"按钮，填写版本号（版本号不能重复，需在上一个版本号上加 1）, 填写更新日志，点击确认上传至开发者平台。

常见问题

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

下载字节跳动开发者工具 下载之后 点击安装 默认安装到

C:\Users\你的电脑名称\AppData\Local\Programs\bytedanceide

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

解决方法：

C:\Users\你的电脑名称\AppData\Roaming 目录下新建 bytedanceide 文件夹

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

然后 tmadevtool 文件夹下面新建一个名为 projectInfo 的无后缀的文件

就这么轻松解决啦

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

更新日志

v4.2.1版本

新增：编辑器支持TTML Emmet能力，支持快速补全组件id和class，并优化自动补全能力

新增：支持小程序js/ts/ttml文件保存时自动检测文件中的部分错误，如接口废弃、无权限等

新增：支持基础库3.16以及以下版本

优化：优化模拟器加载速度

修复：优化npm构建能力，修复若干npm构建问题

修复：修复编辑器右键显示多个查找定义/引用的问题