开发者工具概述

收藏

我的收藏

​开发准备​

​下载 IDE​

​创建项目​

•​新建项目：通过前置页输入项目名称和 AppId 的方式新建工程。​

•​代码片段：通过拿到他人分享的代码片段也可以创建一个代码片段工程。​

•​搬家工具：帮助微信小程序的开发者快速迁移到字节小程序。​

•​导入项目：IDE 还可以通过前置页“导入”按钮导入本地项目，比如三方框架项目等。​

​开发阶段​

​项目管理​

•​Git 源码管理：在编辑器左侧工具栏展示工程 git 信息。​

•​NPM 包管理：在编辑器左侧工具栏一键安装和构建 npm 包。​

​编码效率​

•​模拟器预览：使用模拟器在本地模拟运行小程序，便于快速预览、初步调试。​

•​代码补全：开发者工具提供了 TTML、TTSS、JS、JSON 的补全以及 API 自动补全/语法提示。​

•​插件扩展：在编辑器左侧工具栏单击【扩展】，可以安装各种插件，提高开发效率。​

​编译能力​

•​代码热重载：模拟器可以在不刷新的情况下生效代码变更，极大地提升了开发体验。​

•​原生编译：原生语言 Rust 开发而成，可以极大地提升代码编译速度。​

•​编译模式：帮助开发者调试从不同场景值进入具体的页面。​

•​自定义预处理：编写自动化构建脚本对代码文件进行预处理。​

•​Typescript 支持：编译还支持 Typescript 语法，支持类型提示。​

​调试模式​

•​模拟器调试：通过模拟器初步调试基础功能与样式。​

•​真机调试：通过远程连接至真机，设置断点、查看运行信息。​

•​源码调试：通过编辑器左侧断点调试能力，调试小程序源码。​

•​API Mock：设置 Mock 配置信息拦截符合匹配规则的 API 调用，拦截成功将直接返回开发者定义的返回数据。​

•​vConsole：调试控制台（vConsole）用于帮助开发者解决和排线上异常问题。​

​代码质量​

•​构成分析：开发者可以快捷地查看代码包中的文件构成，以此优化代码包大小和内容。​

•​体验评分：在小程序运行过程中实时检查，分析体验不佳，且定位出哪里有问题，以及给出一些优化建议。​

•​审核预检：静态检查代码，基于平台审核规范，检测潜在驳回问题，并告知如何优化，帮助提高版本审核通过率。​

•​Trace 工具：使用该功能分析小程序启动过程中的主要耗时。​

​一键上传​

​注意：上传版本：符合 semver 规则的版本号字符串，且高于线上已有版本号。初次上传时，符合规则的任意版本均可。​