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

軟件功能

　　編碼效率

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

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

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

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

　　調(diào)試模式

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

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

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

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

　　一鍵上傳

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

　　項目管理

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

軟件特色

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

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

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

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

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

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

使用說明

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

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

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

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

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

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

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

　　8、打開文件，可調(diào)試或運行。

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

官方教程

　　真機調(diào)試

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

　　說明：

　　調(diào)試二維碼生成后，請使用抖音掃碼進行調(diào)試

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

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

　　調(diào)式步驟：

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

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

　　推送調(diào)試

　　1.打開抖音 APP，使用掃一掃功能掃描二維碼。

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

　　掃碼調(diào)試

　　1.打開抖音 APP ，使用掃一掃功能，掃描二維碼。

　　2. 掃碼成功后，電腦端自動打開真機調(diào)試窗口。

　　預(yù)覽

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

　　1.推送預(yù)覽

　　打開抖音app，使用掃一掃功能掃描二維碼。

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

　　2.掃碼預(yù)覽

　　打開抖音 APP ，使用掃一掃功能，掃描二維碼。

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

常見問題

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

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

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

　　項目使用 uni-app 進行多平臺開發(fā)。在微信開發(fā)者工具中預(yù)覽時正常，但是在字節(jié)開發(fā)者工具中預(yù)覽失敗，報錯信息是 包體積過大 。

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

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

　　解決辦法：編寫時將 url 內(nèi)的所有內(nèi)容用引號包裹。

　　原因：語法校驗時無法正確識別插值括號的內(nèi)容，需要用引號包裹。