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

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

軟件功能

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

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

1、下載 IDE

在 IDE 更新頁(yè)面中安裝 IDE ，并打開 IDE。

2、創(chuàng)建項(xiàng)目

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

新建項(xiàng)目：通過前置頁(yè)輸入項(xiàng)目名稱和 AppId 的方式新建工程。

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

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

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

二、開發(fā)階段

1、項(xiàng)目管理

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

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

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

2、編碼效率

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

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

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

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

3、編譯能力

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

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

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

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

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

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

4、調(diào)試模式

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

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

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

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

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

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

5、代碼質(zhì)量

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

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

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

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

Trace 工具：使用該功能分析小程序啟動(dòng)過程中的主要耗時(shí)。

三、一鍵上傳

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

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

1、登錄頁(yè)

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

2、新建項(xiàng)目

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

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

選擇一個(gè)空目錄，作為工程目錄。當(dāng)選擇空目錄時(shí)，可以選擇是否在該目錄下生成一個(gè)簡(jiǎn)單的項(xiàng)目。

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

3、主界面

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

4、窗口菜單欄

目前工具自帶快捷鍵

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

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

5、工具欄

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

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

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

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

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

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

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

6、模擬器

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

7、編輯器

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

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

文件操作：在 app.json 的 pages 字段，添加需要新建的頁(yè)面的路徑，將會(huì)自動(dòng)生成該頁(yè)面所需要的文件。

8、調(diào)試器

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

9、自定義編譯條件

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

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

在彈出的窗口中，添加模式名稱，啟動(dòng)頁(yè)面，啟動(dòng)參數(shù)以及進(jìn)入場(chǎng)景幾個(gè)字段，點(diǎn)擊確認(rèn)，生成新的編譯條件。

10、上傳提審

點(diǎn)擊工具欄的"上傳"按鈕，填寫版本號(hào), 填寫更新日志，點(diǎn)擊確認(rèn)上傳至開發(fā)者平臺(tái)。

上傳完成后，進(jìn)入開發(fā)者平臺(tái)，在發(fā)布頁(yè)面進(jìn)行提審版本號(hào)建議說明

版本號(hào)建議說明

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

項(xiàng)目初版本時(shí)，版本號(hào)可以為 0.1.0 或 1.0.0

當(dāng)項(xiàng)目在進(jìn)行了局部修改或 bug 修正時(shí)，主版本號(hào)和子版本號(hào)都不變，修正版本號(hào)加 1

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

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

如更新時(shí)版本號(hào)未進(jìn)行修改，則無法成功提審

軟件優(yōu)勢(shì)

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

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

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

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

更新日志

v4.3.4版本

?新增：Unity 小游戲支持性能測(cè)試工具

?新增：支持本地調(diào)試、部署抖音云函數(shù)服務(wù)

?新增：小游戲模擬器支持更多設(shè)備能力的模擬（包括麥克風(fēng)、攝像頭、錄音、錄屏等）

?優(yōu)化：小游戲支持引入 .ico、.cur 文件類型

?修復(fù)：修復(fù) AI 助手無法渲染表格的問題