开发者工具概述
收藏我的收藏
收藏开发者工具是面向字节系小程序开发者推出的桌面端集成开发环境（Integrated Development Environment，IDE）。IDE 支持小程序开发、调试、预览、上传等基本功能，并且集成开发者服务（包含智能客服、AI 智能调整等），支持在 Windows、Mac 平台上运行，旨在帮助开发者更高效地开发小程序。
本文档按照小程序开发流程的不同阶段来梳理开发者工具的功能用法。
开发准备
下载 IDE
创建项目
IDE 支持多种方式创建项目。
- •新建项目：通过前置页输入项目名称和 AppId 的方式新建项目。
- •代码片段 ：通过拿到他人分享的代码片段也可以创建一个代码片段项目。
- •搬家工具：帮助微信小程序的开发者快速迁移到抖音小程序。
- •导入项目：通过前置页“导入”按钮导入本地项目，比如三方框架项目等。
开发阶段
项目管理
IDE 集成了常用的工程管理工具。
- •Git 源码管理：在编辑器左侧工具栏展示工程 git 信息。
- •NPM 包管理：在编辑器左侧工具栏一键安装和构建 npm 包。
编码效率
在实际开发过程中，下列工具能够大幅提升开发效率。
- •模拟器预览：使用模拟器在本地模拟运行小程序，便于快速预览、初步调试。
- •代码补全：开发者工具提供了 TTML、TTSS、JS、JSON 的补全以及 API 自动补全/语法提示。
- •插件扩展：在编辑器左侧工具栏单击【扩展】，可以安装各种插件，提高开发效率。
- •AI 智能调整：AI 智能调整支持使用自然语言、设计稿生成以及调整应用。
- •AI 助手对话：支持智能客服，快速解答开发者问题。
编译能力
开发过程中，IDE 也提供了很多编译能力来提升研发体验。
- •代码热重载：模拟器可以在不刷新的情况下生效代码变更，极大地提升了开发体验。
- •原生编译：原生语言 Rust 开发而成，可以极大地提升代码编译速度。
- •编译模式：帮助开发者调试从不同场景值进入具体的页面。
- •自定义预处理：编写自动化构建脚本对代码文件进行预处理。
- •Typescript 支持：编译还支持 Typescript 语法，支持类型提示。
调试模式
如果需要排查代码 bug 或性能瓶颈，可选择下列调试模式。
- •模拟器调试：通过模拟器初步调试基础功能与样式。
- •真机调试：通过远程连接至真机，设置断点、查看运行信息。
- •源码调试：通过编辑器左侧断点调试能力，调试小程序源码。
- •API Mock：设置 Mock 配置信息拦截符合匹配规则的 API 调用，拦截成功将直接返回开发者定义的返回数据。
- •vConsole：用于帮助开发者解决和排线上异常问题。
代码质量
在开发过程或者上传之前，开发者还可以通过以下工具分析代码质量。
- •构成分析：开发者可以快捷地查看代码包中的文件构成，以此优化代码包大小和内容。
- •体验评分：在小程序运行过程中实时检查，分析体验不佳的方面，定位具体问题并提供优化建议。
- •审核预检：静态检查代码，基于平台审核规范，检测可能导致驳回的问题，提供优化建议以提高审核通过率。
- •Trace 工具：使用该功能分析小程序启动过程中的主要耗时阶段。
上传阶段
注意
开发问题互助交流
加入开发者社群可获取从0到1的开发指南及平台最新动态，与2000+开发者进行技术交流。社群提供开发问题互助交流服务。
