抖音開發者工具電腦版是一款相當實用的開發軟件，這款軟件有著超級強大的功能，用戶能夠快速上手，主要用于小程序開發，讓字節跳動的軟件生態能夠更好地服務于用戶。提供模擬器，可以很好地模擬各種品牌的手機系統，全程還都是免費使用，需要的小伙伴千萬不要錯過！

抖音開發者工具電腦版設置使用說明

通用設置

設置入口

「菜單欄」 - 「抖音開發者工具」- 「設置」。

語言

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

?工作區

可設置默認工作區路徑。

啟動項?

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

外觀設置

選擇主題?

當前支持深色和淺色兩種主題配色。?

?以 Lite 模式打開工程?

新建或導入工程時，是否默認使用 Lite 模式啟動工作區?

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

?當開發者使用 HBuilder，VSCode 開發小程序時，啟動 IDE 時使用哪種工作區模式。?

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

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

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

?模擬器布局?

當前支持新建工程時，自定義設置模擬器的默認布局(左側/右側)。?

?注意：已經存在的工程的布局不受當前配置的影響，只會在創建新的工程時生效。?

?模擬器外殼?

當前支持切換模擬器的設備外殼的顯示與隱藏。?

抖音開發者工具電腦版功能

創建項目?

?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 工具：使用該功能分析小程序啟動過程中的主要耗時。?

抖音開發者工具電腦版更新內容

4.3.2(2024-11-25)?

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

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

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

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

•?新增：小游戲模擬器支持開放數據域?

•?優化：增強 AI 助手 UI 生成后的導出功能，支持創建頁面、組件，導入已有頁面

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