軟件介紹

字節(jié)跳動(dòng)開發(fā)者工具最新版是一款由字節(jié)跳動(dòng)推出的小程序設(shè)計(jì)工具，這款軟件能夠用于開發(fā)抖音、頭條等字節(jié)系軟件的小程序、小游戲開發(fā)，這款軟件不僅界面清爽、操作簡(jiǎn)單，用戶還可以在軟件中體驗(yàn)調(diào)試工具、代碼編輯、代碼檢測(cè)等豐富的便捷功能。

字節(jié)跳動(dòng)開發(fā)者工具最新版同時(shí)還為用戶準(zhǔn)備了豐富的教程，幫助用戶快速掌握開發(fā)技巧，同時(shí)用戶還可以通過(guò)軟件進(jìn)行多人協(xié)作，讓團(tuán)隊(duì)成員能夠通過(guò)軟件共同完成項(xiàng)目的開發(fā)工作，提高工作效率。

軟件特色

多端應(yīng)用

一套代碼、一次發(fā)布，可以在字節(jié)跳動(dòng)系A(chǔ)PP上同時(shí)運(yùn)用，讓你可以快速觸達(dá)今日頭條、抖音、西瓜視頻等平臺(tái)用戶。

全內(nèi)容掛載

文章、視頻、直播等多種體裁可按內(nèi)容需求和相關(guān)性掛載小程序，實(shí)現(xiàn)內(nèi)容到服務(wù)的用戶升級(jí)需求滿足。

信息流分發(fā)

信息流分發(fā)給小程序帶來(lái)無(wú)限擴(kuò)充的精準(zhǔn)流量，擁有優(yōu)質(zhì)內(nèi)容的小程序即可獲得超千萬(wàn)次曝光機(jī)會(huì)。

變現(xiàn)能力

為開發(fā)者提供多種商業(yè)化變現(xiàn)方式，實(shí)現(xiàn)將流量獲取直接轉(zhuǎn)化為收入變現(xiàn)，致力于不斷提高流量變現(xiàn)效率。

搜索直達(dá)

基于搜索場(chǎng)景實(shí)現(xiàn)精準(zhǔn)拉新，搜索詞推薦直達(dá)、字節(jié)如意等多種展現(xiàn)形式，強(qiáng)化小程序形態(tài)，直觀展示小程序的服務(wù)。

用戶觸達(dá)

建立開發(fā)者多點(diǎn)觸達(dá)用戶能力，多種可供開發(fā)者運(yùn)營(yíng)的重訪入口，使召回率最大化，進(jìn)一步挖掘流量?jī)r(jià)值。

使用教程

高效的接入，一次開發(fā)可接入字節(jié)跳動(dòng)各個(gè)App，為各類業(yè)務(wù)提供高效的場(chǎng)景搭建，以及豐富的玩法，打造最佳開發(fā)體驗(yàn)。

精準(zhǔn)的分發(fā)，小程序作為一種新型的內(nèi)容載體，利用字節(jié)跳動(dòng)推薦算法與搜索能力把小程序準(zhǔn)確的推薦給用戶。

豐富的內(nèi)容，開發(fā)者利用小程序更多的開放能力與原生化的體驗(yàn)，在小程序上實(shí)現(xiàn)更多的閉環(huán)體驗(yàn)，沉淀更多有價(jià)值的用戶。

安裝教程

1、在本站下載好安裝包后，選擇僅為我安裝，

2、請(qǐng)選擇需要安裝到路徑，

3、點(diǎn)擊完成，退出安裝向?qū)А?/p>

使用教程

字節(jié)跳動(dòng)開發(fā)者工具使用教程

新建項(xiàng)目

當(dāng)滿足：

已擁有一個(gè)字節(jié)跳動(dòng)小程序的 AppID;

所登錄的賬號(hào)是該 AppID 所對(duì)應(yīng)小程序的開發(fā)者。

可以選擇窗口中央的「創(chuàng)建一個(gè)頭條小程序」，或點(diǎn)擊右下角的「新建」按鈕，新建工程。

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

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

appId 需要在公眾平臺(tái)管理后臺(tái)獲取。

主界面

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

窗口菜單欄

小程序：可以查看開發(fā)者工具版本號(hào)

項(xiàng)目：支持打開「開發(fā)者工具」本身的調(diào)試器

編輯：可以查看編輯相關(guān)的操作和快捷鍵

工具欄

編譯：編譯當(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è)模塊被顯示。

模擬器

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

編輯器

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

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

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

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

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

調(diào)試器

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

自定義編譯條件

編譯條件會(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)，生成新的編譯條件。

上傳提審

點(diǎn)擊工具欄的"上傳"按鈕，填寫版本號(hào)(版本號(hào)不能重復(fù)，需在上一個(gè)版本號(hào)上加 1), 填寫更新日志，點(diǎn)擊確認(rèn)上傳至開發(fā)者平臺(tái)。

上傳完成后，進(jìn)入開發(fā)者平臺(tái)=》發(fā)布頁(yè)面進(jìn)行提審

Bxml panel

Bxml panel 用于幫助開發(fā)者開發(fā) ttml 轉(zhuǎn)化后的界面。在這里可以看到真實(shí)的頁(yè)面結(jié)構(gòu)以及結(jié)構(gòu)對(duì)應(yīng)的 ttss 屬性，同時(shí)可以通過(guò)修改對(duì)應(yīng) ttss 屬性，在模擬器中實(shí)時(shí)看到修改的情況(僅為實(shí)時(shí)預(yù)覽，無(wú)法保存到文件)。通過(guò)調(diào)試模塊左上角的選擇器，還可以快速定位頁(yè)面中組件對(duì)應(yīng)的 ttml 代碼。

Console panel

開發(fā)者可以在此調(diào)試代碼。

Sources panel

Sources panel 用于顯示當(dāng)前項(xiàng)目的腳本文件，同瀏覽器開發(fā)不同，小程序框架會(huì)對(duì)腳本文件進(jìn)行編譯的工作，所以在 Sources panel 中開發(fā)者看到的文件是經(jīng)過(guò)處理之后的腳本文件，開發(fā)者的代碼都會(huì)被包裹在 define 函數(shù)中，并且對(duì)于 Page 代碼，在尾部會(huì)有 require 的主動(dòng)調(diào)用。

Network panel

Network Panel 用于觀察和顯示 request 和 socket 的請(qǐng)求情況。

AppData panel

AppData panel 用于展示以及修改當(dāng)前 page 的 data 屬性

Storage panel

可以查看 Storage 存儲(chǔ)情況。

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

如何解決字節(jié)跳動(dòng)開發(fā)者工具安裝無(wú)法打開問(wèn)題？

下載字節(jié)跳動(dòng)開發(fā)者工具 下載之后 點(diǎn)擊安裝 默認(rèn)安裝到

C：Users你的電腦名稱AppDataLocalProgramsytedanceide

目錄下 但是點(diǎn)擊打開 彈窗報(bào)紅色錯(cuò)誤如下圖：

解決方法

C：Users你的電腦名稱AppDataRoaming 目錄下新建 bytedanceide 文件夾

然后 bytedanceide 文件夾下面新建 tmadevtool 文件夾

然后 tmadevtool 文件夾下面新建一個(gè)名為 projectInfo 的無(wú)后綴的文件

就這么輕松解決啦。

重新打開字節(jié)跳動(dòng)開發(fā)者工具 一切正常！！！