?抖音開發(fā)者工具正式版 v4.3.2官方版

抖音開發(fā)者工具正式版是字節(jié)跳動官方面向小程序開發(fā)者推出的一款PC端開發(fā)者工具，原名字節(jié)跳動開發(fā)者工具，字節(jié)跳動小程序開發(fā)者工具，能夠支持小程序開發(fā)、調(diào)試、預(yù)覽、上傳等基本功能，并且集成開發(fā)者服務(wù)（包含智能客服等），其核心目標(biāo)是為了幫助開發(fā)者更高效地開發(fā)小程序。廣大開發(fā)者以抖音小程序為載體，利用小程序提供的豐富基礎(chǔ)能力完成服務(wù)搭建，在字節(jié)跳動各個App精準(zhǔn)匹配用戶需求，為全球15億用戶提供優(yōu)質(zhì)服務(wù)的同時，也讓自身業(yè)務(wù)完成流量與轉(zhuǎn)化升級。抖音開發(fā)者工具還擁有非常全面的講解，對新手開發(fā)者十分的友好，可以幫助用戶快速的開發(fā)小程序，在軟件里，操作是非常簡單的，如果你有編程方面的基礎(chǔ)，用這款軟件將會非常容易就能夠上手，感興趣的小伙伴趕緊下載體驗吧。

軟件功能

抖音開發(fā)者工具是面向字節(jié)系小程序開發(fā)者推出的桌面端集成開發(fā)環(huán)境（Integrated Development Environment，IDE）。IDE 支持小程序開發(fā)、調(diào)試、預(yù)覽、上傳等基本功能，并且集成開發(fā)者服務(wù)（包含智能客服等），支持在 Windows、Mac 平臺上運行，旨在幫助開發(fā)者更高效地開發(fā)小程序。

一、開發(fā)準(zhǔn)備

1、下載 IDE

在 IDE 更新頁面中安裝 IDE ，并打開 IDE。

2、創(chuàng)建項目

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

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

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

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

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

二、開發(fā)階段

1、項目管理

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

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

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

2、編碼效率

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

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

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

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

3、編譯能力

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

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

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

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

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

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

4、調(diào)試模式

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

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

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

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

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

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

5、代碼質(zhì)量

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

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

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

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

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

三、一鍵上傳

開發(fā)者可以在 IDE 頂部工具欄中點擊【上傳】，將代碼上傳、審核。

抖音開發(fā)者工具使用教程簡介

1、登錄頁

使用手機驗證或者郵箱登錄掃碼可登錄小程序開發(fā)工具，可以在 https://developer.open-douyin.com/進行賬號注冊。

2、新建項目

可以選擇窗口中央的「+」進行創(chuàng)建項目或者導(dǎo)入項目

選擇項目類型：小程序或小游戲（一旦選擇無法更改）。

選擇一個空目錄，作為工程目錄。當(dāng)選擇空目錄時，可以選擇是否在該目錄下生成一個簡單的項目。

AppID 需要在公眾平臺管理后臺獲取 或者直接使用測試號（測試號只支持預(yù)覽調(diào)試，不支持上傳）

3、主界面

圖中所示分別為：工具欄、模擬器、編輯器、調(diào)試器四大部分。

4、窗口菜單欄

目前工具自帶快捷鍵

Command + B（Windows: Ctrl + B）：主動觸發(fā)編譯

Command + R（Windows: Ctrl + R) ：焦點在編輯器時，觸發(fā)模擬器刷新，焦點在其他位置時，觸發(fā)整個工作區(qū)刷新

5、工具欄

編譯：編譯當(dāng)前的小程序項目

刷新頁面：刷新當(dāng)前頁面

清除緩存：可以清除文件緩存、數(shù)據(jù)緩存、登錄狀態(tài)和授權(quán)數(shù)據(jù)

上傳：填入 app 版本號及更新日志，上傳小程序應(yīng)用內(nèi)容到服務(wù)器

預(yù)覽：生成二維碼，預(yù)覽已上傳版本

詳情：展示當(dāng)前小程序的 appid、user_id、本地目錄、文件系統(tǒng)、基礎(chǔ)版本與編譯版本，并可以設(shè)置校驗 TLS 版本以及 HTTPS 證書

點擊「模擬器」、「調(diào)試器」三個按鈕可以隱藏/顯示相應(yīng)的模塊，界面中至少有一個模塊被顯示。

6、模擬器

模擬器模擬頭條小程序在客戶端真實的邏輯表現(xiàn)，對于絕大部分的 API 均能夠在模擬器上呈現(xiàn)出正確的狀態(tài)。開發(fā)者可以選擇不同的設(shè)備，調(diào)試小程序在不同尺寸機型上的適配問題。

7、編輯器

編輯器模塊內(nèi)可以對當(dāng)前項目進行代碼編寫和文件的添加、刪除以及重命名等基本操作，并集成了 Git、插件等功能。

文件支持：工具目前提供了 5 種文件的編輯：ttml、ttss、js、json 以及圖片文件的預(yù)覽。

文件操作：在 app.json 的 pages 字段，添加需要新建的頁面的路徑，將會自動生成該頁面所需要的文件。

8、調(diào)試器

調(diào)試工具分為 6 大功能模塊：Bxml、Console、Sources、Network、Application、Performance

9、自定義編譯條件

編譯條件會讀取 project.config.json 中的 condition 字段下的相關(guān)配置，方便導(dǎo)入編譯條件。

點擊工具欄的普通編譯處，在下拉列表中，點擊添加編譯模式，會彈出填寫編譯條件窗口，添加自己的定制化的編譯條件。

在彈出的窗口中，添加模式名稱，啟動頁面，啟動參數(shù)以及進入場景幾個字段，點擊確認，生成新的編譯條件。

10、上傳提審

點擊工具欄的"上傳"按鈕，填寫版本號, 填寫更新日志，點擊確認上傳至開發(fā)者平臺。

上傳完成后，進入開發(fā)者平臺，在發(fā)布頁面進行提審版本號建議說明

版本號建議說明

小程序版本號規(guī)范：主版本號.子版本號 [.修正版本號]；英文對照：Major_Version_Number.Minor_Version_Number[.Revision_Number]；示例：1.4.1

項目初版本時，版本號可以為 0.1.0 或 1.0.0

當(dāng)項目在進行了局部修改或 bug 修正時，主版本號和子版本號都不變，修正版本號加 1

當(dāng)項目在原有的基礎(chǔ)上增加了部分功能時，主版本號不變，子版本號加 1，修正版本號復(fù)位為 0

當(dāng)項目在進行了重大修改或局部修正累積較多，而導(dǎo)致項目整體發(fā)生全局變化時，主版本號加 1

如更新時版本號未進行修改，則無法成功提審

軟件優(yōu)勢

文件支持：工具目前提供了 5 種文件的編輯：ttml、ttss、js、json 以及圖片文件的預(yù)覽。

文件格式：因 iOS 下僅支持 UTF8 編碼格式，最新版本的開發(fā)者工具會在上傳代碼時候?qū)Υa文件做一次編碼格式校驗。

目錄樹：可以查看當(dāng)前項目的目錄結(jié)構(gòu)。

文件操作：可以通過在目錄樹上右鍵，選擇新建 Page，將自動生成頁面所需要的 ttml、ttss、js、json，及在 app.json 的 pages 字段，添加需要新建的頁面的路徑，將會自動生成該頁面所需要的文件，兩種方式新建頁面。

更新日志

v4.3.2版本

1、新增：Unity 小游戲 支持 WebGL Wasm 分包工具

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

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

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

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

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

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