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