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

字節(jié)跳動(dòng)官方面向小程序開發(fā)者推出了一款pc端的開發(fā)工具——字節(jié)跳動(dòng)開發(fā)者工具，這款工具支持用戶小程序開發(fā)、代碼調(diào)試、效果預(yù)覽、上傳等基本功能，目的是為了將小程序開發(fā)集為一體，幫助開發(fā)者更高效的進(jìn)行開發(fā)小程序。目前該軟件已更名為“抖音開發(fā)者工具”。它開發(fā)的小程序可上線頭條，抖音以及頭條極速版三端。相較于APP，小程序開發(fā)周期短，開發(fā)成本低等特性讓更多的開發(fā)者能夠輕松、快速的參與到開發(fā)過程中，實(shí)現(xiàn)快速上線，快速起量。廣大開發(fā)者以字節(jié)小程序?yàn)檩d體，利用小程序提供的豐富基礎(chǔ)能力完成服務(wù)搭建，在字節(jié)跳動(dòng)各個(gè)App精準(zhǔn)匹配用戶需求，為全球15億用戶提供優(yōu)質(zhì)服務(wù)的同時(shí)，也讓自身業(yè)務(wù)完成流量與轉(zhuǎn)化升級(jí)。除此之外，軟件擁有非常全面的講解，對(duì)新手開發(fā)者十分的友好，可以幫助用戶快速的開發(fā)小程序，在軟件里，操作是非常簡(jiǎn)單的，如果你有編程方面的基礎(chǔ)，用這款軟件將會(huì)非常容易就能夠上手，對(duì)此感興趣的朋友歡迎下載體驗(yàn)！

軟件功能

1、清除緩存：可以清除文件緩存、數(shù)據(jù)緩存、登錄狀態(tài)和授權(quán)數(shù)據(jù)
2、刷新頁面：刷新當(dāng)前頁面
3、預(yù)覽：生成二維碼，預(yù)覽已上傳版本
4、編譯：編譯當(dāng)前的小程序項(xiàng)目
5、詳情：展示當(dāng)前小程序的 appid、user_id、本地目錄、文件系統(tǒng)、基礎(chǔ)版本與編譯版本，并可以設(shè)置校驗(yàn) TLS 版本以及 HTTPS 證書
6、上傳：填入 app 版本號(hào)及更新日志，上傳小程序應(yīng)用內(nèi)容到服務(wù)器

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

1、登錄頁
使用手機(jī)驗(yàn)證或者郵箱登錄掃碼可登錄小程序開發(fā)工具，可以在 https://microapp.bytedance.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)目
刷新頁面：刷新當(dāng)前頁面
清除緩存：可以清除文件緩存、數(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 字段，添加需要新建的頁面的路徑，將會(huì)自動(dòng)生成該頁面所需要的文件。
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)頁面，啟動(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ā)布頁面進(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)行修改，則無法成功提審

常見問題

解決字節(jié)跳動(dòng)開發(fā)者工具安裝無法打開問題
下載字節(jié)跳動(dòng)開發(fā)者工具 下載之后 點(diǎn)擊安裝 默認(rèn)安裝到
C:\Users\你的電腦名稱\AppData\Local\Programs\bytedanceide
目錄下 但是點(diǎn)擊打開 彈窗報(bào)紅色錯(cuò)誤如下圖：

解決方法：
C:\Users\你的電腦名稱\AppData\Roaming 目錄下新建 bytedanceide 文件夾
然后 bytedanceide 文件夾下面新建 tmadevtool 文件夾
然后 tmadevtool 文件夾下面新建一個(gè)名為 projectInfo 的無后綴的文件
就這么輕松解決啦
重新打開字節(jié)跳動(dòng)開發(fā)者工具 一切正常

更新日志

v4.1.6版本
重大更新：升級(jí)底層依賴，優(yōu)化性能，升級(jí)編輯器，編輯器擴(kuò)展兼容最新版本插件，并支持導(dǎo)入已安裝的 VSCode 插件
優(yōu)化：真機(jī)調(diào)試 / 預(yù)覽支持在加載過程中切換推送模式或快速調(diào)試
優(yōu)化：提升前置頁，設(shè)置頁等獨(dú)立窗口加載速度
修復(fù)：修復(fù)設(shè)置頁-快捷鍵無法正常切換多窗口快捷鍵的問題