抖音開發(fā)者工具Windows版是字節(jié)跳動旗下的桌面端集成開發(fā)環(huán)境，主要用于小程序開發(fā)，讓字節(jié)跳動的軟件生態(tài)能夠更好地服務(wù)于用戶。提供齊全的開發(fā)開發(fā)套件，簡化開發(fā)者的工作流程，讓小程序的制作更加輕松。提供模擬器，可以很好地模擬各種品牌的手機系統(tǒng)，測試軟件兼容性更方便。

抖音開發(fā)者工具更新內(nèi)容

4.3.2(2024-11-25)?

•?新增：Unity 小游戲 支持 WebGL Wasm 分包工具

•?新增：小程序編輯器支持代碼 AI 智能補全能力

•?新增：模擬器支持更多機型，包含 OPPO、vivo、小米等?

•?新增：小游戲模擬器工具欄支持停止運行模擬器功能?

•?新增：小游戲模擬器支持開放數(shù)據(jù)域?

•?優(yōu)化：增強 AI 助手 UI 生成后的導(dǎo)出功能，支持創(chuàng)建頁面、組件，導(dǎo)入已有頁面

•?修復(fù)：控制臺中錯誤堆棧信息的展示?

抖音開發(fā)者工具設(shè)置使用說明

通用設(shè)置

設(shè)置入口

「菜單欄」 - 「抖音開發(fā)者工具」- 「設(shè)置」。

語言

當(dāng)前支持中文和英文兩種語言選擇(重啟 IDE 后生效)。

?工作區(qū)

可設(shè)置默認(rèn)工作區(qū)路徑。

啟動項?

可設(shè)置首次啟動 IDE 時是否自動打開最后一次打開的項目。

外觀設(shè)置

選擇主題?

當(dāng)前支持深色和淺色兩種主題配色。?

?以 Lite 模式打開工程?

新建或?qū)牍こ虝r，是否默認(rèn)使用 Lite 模式啟動工作區(qū)?

?使用外部編輯工具啟動時使用的工作區(qū)模式?

?當(dāng)開發(fā)者使用 HBuilder，VSCode 開發(fā)小程序時，啟動 IDE 時使用哪種工作區(qū)模式。?

?比如，當(dāng)某工程上一次退出前使用的是完整模式，那么?

•?外部編輯器指定的模式: 若外部編輯指定通過 Lite 模式打開，則工程會以 Lite 模式打開?

•?項目上次退出時的模式: 使用完整模式打開?

?模擬器布局?

當(dāng)前支持新建工程時，自定義設(shè)置模擬器的默認(rèn)布局(左側(cè)/右側(cè))。?

?注意：已經(jīng)存在的工程的布局不受當(dāng)前配置的影響，只會在創(chuàng)建新的工程時生效。?

?模擬器外殼?

當(dāng)前支持切換模擬器的設(shè)備外殼的顯示與隱藏。?

抖音開發(fā)者工具功能

創(chuàng)建項目?

?IDE 支持多種方式創(chuàng)建項目。?

•?新建項目：通過前置頁輸入項目名稱和 AppId 的方式新建工程。?

•?代碼片段：通過拿到他人分享的代碼片段也可以創(chuàng)建一個代碼片段工程。?

•?搬家工具：幫助微信小程序的開發(fā)者快速遷移到字節(jié)小程序。?

•?導(dǎo)入項目：IDE 還可以通過前置頁“導(dǎo)入”按鈕導(dǎo)入本地項目，比如三方框架項目等。?

?開發(fā)階段?

?項目管理?

?IDE 集成了常用的工程管理工具。?

•?Git 源碼管理：在編輯器左側(cè)工具欄展示工程 git 信息。?

•?NPM 包管理：在編輯器左側(cè)工具欄一鍵安裝和構(gòu)建 npm 包。?

編碼效率?

在實際開發(fā)過程中，下列工具能夠大幅提升開發(fā)效率。?

•?模擬器預(yù)覽：使用模擬器在本地模擬運行小程序，便于快速預(yù)覽、初步調(diào)試。?

•?代碼補全：開發(fā)者工具提供了 TTML、TTSS、JS、JSON 的補全以及 API 自動補全/語法提示。?

•?插件擴展：在編輯器左側(cè)工具欄單擊【擴展】，可以安裝各種插件，提高開發(fā)效率。?

編譯能力?

?開發(fā)過程中，IDE 也提供了很多編譯能力來提升研發(fā)體驗。?

•?代碼熱重載：模擬器可以在不刷新的情況下生效代碼變更，極大地提升了開發(fā)體驗。?

•?原生編譯：原生語言 Rust 開發(fā)而成，可以極大地提升代碼編譯速度。?

•?編譯模式：幫助開發(fā)者調(diào)試從不同場景值進入具體的頁面。?

•?自定義預(yù)處理：編寫自動化構(gòu)建腳本對代碼文件進行預(yù)處理。?

•?Typescript 支持：編譯還支持 Typescript 語法，支持類型提示。?

調(diào)試模式?

如果需要排查代碼 bug 或性能瓶頸，可選擇下列調(diào)試模式。?

•?模擬器調(diào)試：通過模擬器初步調(diào)試基礎(chǔ)功能與樣式。?

•?真機調(diào)試：通過遠(yuǎn)程連接至真機，設(shè)置斷點、查看運行信息。?

•?源碼調(diào)試：通過編輯器左側(cè)斷點調(diào)試能力，調(diào)試小程序源碼。?

•?API Mock：設(shè)置 Mock 配置信息攔截符合匹配規(guī)則的 API 調(diào)用，攔截成功將直接返回開發(fā)者定義的返回數(shù)據(jù)。?

•?vConsole：調(diào)試控制臺(vConsole)用于幫助開發(fā)者解決和排線上異常問題。?

?代碼質(zhì)量?

?在開發(fā)過程或者上傳之前，開發(fā)者還可以通過以下工具分析代碼質(zhì)量。

•?構(gòu)成分析：開發(fā)者可以快捷地查看代碼包中的文件構(gòu)成，以此優(yōu)化代碼包大小和內(nèi)容。?

•?體驗評分：在小程序運行過程中實時檢查，分析體驗不佳，且定位出哪里有問題，以及給出一些優(yōu)化建議。?

•?審核預(yù)檢：靜態(tài)檢查代碼，基于平臺審核規(guī)范，檢測潛在駁回問題，并告知如何優(yōu)化，幫助提高版本審核通過率。?

•?Trace 工具：使用該功能分析小程序啟動過程中的主要耗時。?