字節(jié)跳動(dòng)開(kāi)發(fā)者工具可以幫助用戶(hù)在電腦上開(kāi)發(fā)小程序，如果你需要開(kāi)發(fā)抖音上的小程序就可以直接在這款軟件創(chuàng)建項(xiàng)目，軟件提供資源管理功能，可以將編程相關(guān)的項(xiàng)目添加到軟件使用，支持源碼管理功能，可以在git獲取當(dāng)前項(xiàng)目相關(guān)的源碼內(nèi)容，從而添加到軟件使用，設(shè)計(jì)完畢的項(xiàng)目可以直接在真機(jī)上調(diào)試，可以在軟件顯示手機(jī)模擬畫(huà)面，方便用戶(hù)直接測(cè)試小程序在手機(jī)上運(yùn)行的效果，為調(diào)試小程序以及優(yōu)化性能提供幫助，使用這款I(lǐng)DE就可以實(shí)現(xiàn)字節(jié)跳動(dòng)系列軟件的小程序開(kāi)發(fā)，并且支持項(xiàng)目上傳，需要就下載吧！

軟件功能

　　編碼效率

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

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

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

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

　　調(diào)試模式

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

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

　　預(yù)覽調(diào)試：通過(guò)真機(jī)調(diào)試面板查看小程序運(yùn)行信息。

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

　　一鍵上傳

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

　　項(xiàng)目管理

　　在上述流程相關(guān)功能之外，IDE 還集成了其他常用的管理工具，例如 Git 源碼管理、NPM 包管理等。

軟件特色

　　搬家工具，幫助微信小程序的開(kāi)發(fā)者快速遷移到字節(jié)跳動(dòng)小程序

　　支持VSCode插件，在編輯代碼文本的時(shí)候可以自動(dòng)高亮內(nèi)容

　　代碼片段，可以將小程序代碼中，部分內(nèi)容分享出來(lái)生成代碼片段，進(jìn)行運(yùn)行

　　提供調(diào)試功能，直接在軟件上調(diào)試當(dāng)前的項(xiàng)目，可以選擇普通模式編譯，可以自定義編譯條件

　　提供模擬器運(yùn)行功能，開(kāi)發(fā)的小程序直接在手機(jī)模擬器上測(cè)試，可以查看小程序運(yùn)行是否出現(xiàn)bug

　　支持源碼查看、斷點(diǎn)調(diào)試、緩存數(shù)據(jù)查看、編輯、運(yùn)行日志、錯(cuò)誤查看

使用說(shuō)明

　　1、將字節(jié)跳動(dòng)開(kāi)發(fā)者工具直接安裝到電腦

　　2、提示登錄界面，使用抖音掃描就可以直接登錄

　　3、如圖所示，提示項(xiàng)目選擇功能，如果已經(jīng)有項(xiàng)目就可以添加到軟件繼續(xù)編輯，也可以選擇模板

　　4、創(chuàng)建新的項(xiàng)目，在軟件輸入項(xiàng)目名字，設(shè)置項(xiàng)目地址，可以選擇使用測(cè)試的APPID進(jìn)入軟件編程

　　5、這里是編程界面，可以查看資源管理器，可以在頂部啟動(dòng)模糊器，可以啟動(dòng)調(diào)試器

　　6、支持新建小程序頁(yè)面、新建小程序組件、新建文件、新建文件夾、在文件資源管理器中顯示、在集成終端中打開(kāi)

　　7、源碼管理功能，可以在這里查看源碼內(nèi)容，當(dāng)前打開(kāi)的文件夾沒(méi)有 git 存儲(chǔ)庫(kù)。您可以初始化一個(gè)存儲(chǔ)庫(kù)，該存儲(chǔ)庫(kù)將啟用由 git 提供支持的源代碼控制功能。

　　8、打開(kāi)文件，可調(diào)試或運(yùn)行。

　　要自定義運(yùn)行和調(diào)試創(chuàng)建launch.json文件。顯示所有自動(dòng)調(diào)試配置。

官方教程

　　真機(jī)調(diào)試

　　為了便于開(kāi)發(fā)者在真實(shí)移動(dòng)設(shè)備上對(duì)抖音 APP 中的小程序調(diào)試，開(kāi)發(fā)者工具提供了真機(jī)調(diào)試的功能。

　　說(shuō)明：

　　調(diào)試二維碼生成后，請(qǐng)使用抖音掃碼進(jìn)行調(diào)試

　　Android 調(diào)試請(qǐng)確保抖音版本為 18.6.0 及以上版本

　　iOS 調(diào)試請(qǐng)確保抖音版本為 20.7.0 及以上版本

　　調(diào)式步驟：

　　1.打開(kāi)開(kāi)發(fā)者工具，單擊工具欄上的【真機(jī)調(diào)試】按鈕。

　　2.選擇掃碼調(diào)試 或 推送調(diào)試。推送調(diào)試打開(kāi)抖音 APP，使用掃一掃功能掃描二維碼。

　　推送調(diào)試

　　1.打開(kāi)抖音 APP，使用掃一掃功能掃描二維碼。

　　2. 二維碼掃描成功后，等待一段時(shí)間，抖音 APP 內(nèi)自動(dòng)打開(kāi)小程序，電腦端自動(dòng)打開(kāi)真機(jī)調(diào)試窗口。

　　掃碼調(diào)試

　　1.打開(kāi)抖音 APP ，使用掃一掃功能，掃描二維碼。

　　2. 掃碼成功后，電腦端自動(dòng)打開(kāi)真機(jī)調(diào)試窗口。

　　預(yù)覽

　　上傳小程序至服務(wù)器后生成相應(yīng)的預(yù)覽二維碼，使用抖音 APP 掃碼即可查看。 預(yù)覽的方式分為：

　　1.推送預(yù)覽

　　打開(kāi)抖音app，使用掃一掃功能掃描二維碼。

　　二維碼掃描成功后，等待一段時(shí)間，點(diǎn)擊【推送并調(diào)試】，抖音APP內(nèi)自動(dòng)打開(kāi)小程序，即可預(yù)覽小程序線(xiàn)上的效果。

　　2.掃碼預(yù)覽

　　打開(kāi)抖音 APP ，使用掃一掃功能，掃描二維碼。

　　掃碼成功后，抖音APP內(nèi)自動(dòng)打開(kāi)小程序，即可預(yù)覽小程序線(xiàn)上的效果。

常見(jiàn)問(wèn)題

　　預(yù)覽或者上傳時(shí)，提示 沒(méi)有相關(guān)權(quán)限 等錯(cuò)誤信息。

　　解決辦法：請(qǐng)小程序的擁有者給當(dāng)前開(kāi)發(fā)者設(shè)置上傳預(yù)覽的權(quán)限。

　　原因：小程序的上傳預(yù)覽需要權(quán)限設(shè)置。建議在【管理后臺(tái)】>【設(shè)置】>【團(tuán)隊(duì)協(xié)作】>【協(xié)作者】中檢查當(dāng)前用戶(hù)對(duì)小程序的權(quán)限設(shè)置。

　　項(xiàng)目使用 uni-app 進(jìn)行多平臺(tái)開(kāi)發(fā)。在微信開(kāi)發(fā)者工具中預(yù)覽時(shí)正常，但是在字節(jié)開(kāi)發(fā)者工具中預(yù)覽失敗，報(bào)錯(cuò)信息是 包體積過(guò)大 。

　　解決辦法：uni-app 構(gòu)建對(duì)應(yīng)平臺(tái)產(chǎn)物時(shí)使用 NODE_DEV=production ，簡(jiǎn)化 source map

　　編輯 TTML 文件時(shí)，內(nèi)聯(lián)樣式 style background 圖片地址提示報(bào)錯(cuò)，

　　解決辦法：編寫(xiě)時(shí)將 url 內(nèi)的所有內(nèi)容用引號(hào)包裹。

　　原因：語(yǔ)法校驗(yàn)時(shí)無(wú)法正確識(shí)別插值括號(hào)的內(nèi)容，需要用引號(hào)包裹。