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

抖音開發者工具官方版

軟件功能

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

一、開發準備

1、下載 IDE

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

2、創建項目

IDE 支持多種方式創建項目。

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

代碼片段:通過拿到他人分享的代碼片段也可以創建一個代碼片段工程。

搬家工具:幫助微信小程序的開發者快速遷移到字節小程序。

導入項目:IDE 還可以通過前置頁“導入”按鈕導入本地項目,比如三方框架項目等。

二、開發階段

1、項目管理

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

Git 源碼管理:在編輯器左側工具欄展示工程 git 信息。

NPM 包管理:在編輯器左側工具欄一鍵安裝和構建 npm 包。

2、編碼效率

在實際開發過程中,下列工具能夠大幅提升開發效率。

模擬器預覽:使用模擬器在本地模擬運行小程序,便于快速預覽、初步調試。

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

插件擴展:在編輯器左側工具欄單擊【擴展】,可以安裝各種插件,提高開發效率。

3、編譯能力

開發過程中,IDE 也提供了很多編譯能力來提升研發體驗。

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

原生編譯:原生語言 Rust 開發而成,可以極大地提升代碼編譯速度。

編譯模式:幫助開發者調試從不同場景值進入具體的頁面。

自定義預處理:編寫自動化構建腳本對代碼文件進行預處理。

Typescript 支持:編譯還支持 Typescript 語法,支持類型提示。

4、調試模式

如果需要排查代碼 bug 或性能瓶頸,可選擇下列調試模式。

模擬器調試:通過模擬器初步調試基礎功能與樣式。

真機調試:通過遠程連接至真機,設置斷點、查看運行信息。

源碼調試:通過編輯器左側斷點調試能力,調試小程序源碼。

API Mock:設置 Mock 配置信息攔截符合匹配規則的 API 調用,攔截成功將直接返回開發者定義的返回數據。

vConsole:調試控制臺(vConsole)用于幫助開發者解決和排線上異常問題。

5、代碼質量

在開發過程或者上傳之前,開發者還可以通過以下工具分析代碼質量。

構成分析:開發者可以快捷地查看代碼包中的文件構成,以此優化代碼包大小和內容。

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

審核預檢:靜態檢查代碼,基于平臺審核規范,檢測潛在駁回問題,并告知如何優化,幫助提高版本審核通過率。

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

三、一鍵上傳

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

抖音開發者工具使用教程簡介

1、登錄頁

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

2、新建項目

可以選擇窗口中央的「+」進行創建項目或者導入項目

選擇項目類型:小程序或小游戲(一旦選擇無法更改)。

選擇一個空目錄,作為工程目錄。當選擇空目錄時,可以選擇是否在該目錄下生成一個簡單的項目。

AppID 需要在公眾平臺管理后臺獲取 或者直接使用測試號(測試號只支持預覽調試,不支持上傳)

3、主界面

圖中所示分別為:工具欄、模擬器、編輯器、調試器四大部分。

4、窗口菜單欄

目前工具自帶快捷鍵

Command + B(Windows: Ctrl + B):主動觸發編譯

Command + R(Windows: Ctrl + R) :焦點在編輯器時,觸發模擬器刷新,焦點在其他位置時,觸發整個工作區刷新

5、工具欄

編譯:編譯當前的小程序項目

刷新頁面:刷新當前頁面

清除緩存:可以清除文件緩存、數據緩存、登錄狀態和授權數據

上傳:填入 app 版本號及更新日志,上傳小程序應用內容到服務器

預覽:生成二維碼,預覽已上傳版本

詳情:展示當前小程序的 appid、user_id、本地目錄、文件系統、基礎版本與編譯版本,并可以設置校驗 TLS 版本以及 HTTPS 證書

點擊「模擬器」、「調試器」三個按鈕可以隱藏/顯示相應的模塊,界面中至少有一個模塊被顯示。

6、模擬器

模擬器模擬頭條小程序在客戶端真實的邏輯表現,對于絕大部分的 API 均能夠在模擬器上呈現出正確的狀態。開發者可以選擇不同的設備,調試小程序在不同尺寸機型上的適配問題。

7、編輯器

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

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

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

8、調試器

調試工具分為 6 大功能模塊:Bxml、Console、Sources、Network、Application、Performance

9、自定義編譯條件

編譯條件會讀取 project.config.json 中的 condition 字段下的相關配置,方便導入編譯條件。

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

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

10、上傳提審

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

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

版本號建議說明

小程序版本號規范:主版本號.子版本號 [.修正版本號];英文對照:Major_Version_Number.Minor_Version_Number[.Revision_Number];示例:1.4.1

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

當項目在進行了局部修改或 bug 修正時,主版本號和子版本號都不變,修正版本號加 1

當項目在原有的基礎上增加了部分功能時,主版本號不變,子版本號加 1,修正版本號復位為 0

當項目在進行了重大修改或局部修正累積較多,而導致項目整體發生全局變化時,主版本號加 1

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

軟件優勢

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

文件格式:因 iOS 下僅支持 UTF8 編碼格式,最新版本的開發者工具會在上傳代碼時候對代碼文件做一次編碼格式校驗。

目錄樹:可以查看當前項目的目錄結構。

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

更新日志

v4.3.4版本

?新增:Unity 小游戲支持性能測試工具

?新增:支持本地調試、部署抖音云函數服務

?新增:小游戲模擬器支持更多設備能力的模擬(包括麥克風、攝像頭、錄音、錄屏等)

?優化:小游戲支持引入 .ico、.cur 文件類型

?修復:修復 AI 助手無法渲染表格的問題

?抖音開發者工具正式版下載-?抖音開發者工具官方破解版下載 v4.3.4下載地址

遠程下載