字節(jié)跳動(dòng)開發(fā)者工具v3.0.9官方版

字節(jié)跳動(dòng)開發(fā)者工具是由字節(jié)跳動(dòng)官方專為小程序開發(fā)者用戶所推出的一款非常好用的PC端開發(fā)者工具。它可支持小程序應(yīng)用開發(fā)、調(diào)試、預(yù)覽、上傳等基本功能，集成開發(fā)者服務(wù)（包含智能客服等）于一體，致力于為開發(fā)者用戶提供更為高效地開發(fā)小程序幫助，尤其是對(duì)于編程工作人員來說絕對(duì)是不可多得的一款開發(fā)神器。該軟件頁面簡潔、操作簡單，對(duì)于很多新手開發(fā)者來說非常友好，而且軟件內(nèi)還擁有非常全面的講解，能幫助用戶更快上手開發(fā)小程序，廣大的開發(fā)者用戶通過軟件內(nèi)置的強(qiáng)大功能，能夠更快的完成程序服務(wù)搭建。同時(shí)該軟件還為開發(fā)者提供多種商業(yè)化變現(xiàn)方式，實(shí)現(xiàn)將流量獲取直接轉(zhuǎn)化為收入變現(xiàn)，致力于不斷提高流量變現(xiàn)效率。目前，字節(jié)跳動(dòng)開發(fā)者工具官方版已為全球15億用戶提供了優(yōu)質(zhì)的服務(wù)，而且為更好的服務(wù)用戶，該軟件還在不斷的進(jìn)行優(yōu)化與升級(jí)，全新的3.0.9版本已優(yōu)化 IDE UI 交互體驗(yàn)，優(yōu)化 IDE 離線體驗(yàn)，新增小程序擔(dān)保支持簽名校驗(yàn)工具，還有更多新增內(nèi)容，這里小編就不一一介紹了，感興趣的朋友歡迎前來下載體驗(yàn)。

軟件特色

1、多端應(yīng)用，一套代碼、一次發(fā)布，可以在字節(jié)跳動(dòng)系軟件上同時(shí)運(yùn)用，讓你可以快速觸達(dá)今日頭條、抖音、西瓜視頻等平臺(tái)用戶。
2、全內(nèi)容掛載，文章、視頻、直播等多種體裁可按內(nèi)容需求和相關(guān)性掛載小程序，實(shí)現(xiàn)內(nèi)容到服務(wù)的用戶升級(jí)需求滿足。
3、信息流分發(fā)，信息流分發(fā)給小程序帶來無限擴(kuò)充的精準(zhǔn)流量，擁有優(yōu)質(zhì)內(nèi)容的小程序即可獲得超千萬次曝光機(jī)會(huì)。
4、變現(xiàn)能力
為開發(fā)者提供多種商業(yè)化變現(xiàn)方式，實(shí)現(xiàn)將流量獲取直接轉(zhuǎn)化為收入變現(xiàn)，致力于不斷提高流量變現(xiàn)效率。
5、搜索直達(dá)
基于搜索場景實(shí)現(xiàn)精準(zhǔn)拉新，搜索詞推薦直達(dá)、字節(jié)如意等多種展現(xiàn)形式，強(qiáng)化小程序形態(tài)，直觀展示小程序的服務(wù)。
6、用戶觸達(dá)
建立開發(fā)者多點(diǎn)觸達(dá)用戶能力，多種可供開發(fā)者運(yùn)營的重訪入口，使召回率最大化，進(jìn)一步挖掘流量價(jià)值。

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

1、在軟件學(xué)堂下載軟件安裝包，并解壓縮得到軟件安裝源程序文件，雙擊運(yùn)行程序。

2、選擇僅為我安裝。

3、然后選擇軟件安裝位置，默認(rèn)安裝路徑【C:UsersAdministratorAppDataLocalPrograms@bytedminiprogram-ide】。

4、待軟件安裝完成，直接退出安裝向?qū)Ъ纯伞?br />

功能介紹

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

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

1、新建項(xiàng)目
當(dāng)滿足：
已擁有一個(gè)字節(jié)跳動(dòng)小程序的 AppID；
所登錄的賬號(hào)是該 AppID 所對(duì)應(yīng)小程序的開發(fā)者。
可以選擇窗口中央的「創(chuàng)建一個(gè)頭條小程序」，或點(diǎn)擊右下角的「新建」按鈕，新建工程。

選擇項(xiàng)目類型：小程序或小游戲（一旦選擇無法更改）。
選擇一個(gè)空目錄，作為工程目錄。當(dāng)選擇空目錄時(shí)，可以選擇是否在該目錄下生成一個(gè)簡單的項(xiàng)目。
appId 需要在公眾平臺(tái)管理后臺(tái)獲取。

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

3、窗口菜單欄
小程序：可以查看開發(fā)者工具版本號(hào)
項(xiàng)目：支持打開「開發(fā)者工具」本身的調(diào)試器
編輯：可以查看編輯相關(guān)的操作和快捷鍵
4、工具欄
編譯：編譯當(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è)模塊被顯示。

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

6、編輯器
編輯器模塊內(nèi)可以對(duì)當(dāng)前項(xiàng)目進(jìn)行代碼編寫和文件的添加、刪除以及重命名等基本操作。文件格式：因 iOS 下僅支持 UTF8 編碼格式，最新版本的開發(fā)者工具會(huì)在上傳代碼時(shí)候?qū)Υa文件做一次編碼格式校驗(yàn)。
文件支持：工具目前提供了 5 種文件的編輯：ttml、ttss、js、json 以及圖片文件的預(yù)覽。文件操作：可以通過在目錄樹上右鍵，選擇新建 Page，將自動(dòng)生成頁面所需要的 ttml、ttss、js、json，及在 app.json 的 pages 字段，添加需要新建的頁面的路徑，將會(huì)自動(dòng)生成該頁面所需要的文件，兩種方式新建頁面。
目錄樹：可以查看當(dāng)前項(xiàng)目的目錄結(jié)構(gòu)。
7、調(diào)試器
調(diào)試工具分為 6 大功能模塊：Bxml、Console、Sources、Network、Application、Performance
8、自定義編譯條件
編譯條件會(huì)讀取 project.config.json 中的 condition 字段下的相關(guān)配置，方便導(dǎo)入編譯條件。

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

在彈出的窗口中，添加模式名稱，啟動(dòng)頁面，啟動(dòng)參數(shù)以及進(jìn)入場景幾個(gè)字段，點(diǎn)擊確認(rèn)，生成新的編譯條件。

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

上傳完成后，進(jìn)入開發(fā)者平臺(tái)=》發(fā)布頁面進(jìn)行提審
Bxml panel
Bxml panel 用于幫助開發(fā)者開發(fā) ttml 轉(zhuǎn)化后的界面。在這里可以看到真實(shí)的頁面結(jié)構(gòu)以及結(jié)構(gòu)對(duì)應(yīng)的 ttss 屬性，同時(shí)可以通過修改對(duì)應(yīng) ttss 屬性，在模擬器中實(shí)時(shí)看到修改的情況（僅為實(shí)時(shí)預(yù)覽，無法保存到文件）。通過調(diào)試模塊左上角的選擇器，還可以快速定位頁面中組件對(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)過處理之后的腳本文件，開發(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ǔ)情況。

軟件優(yōu)勢

1、文件支持：工具目前提供了5種文件的編輯：ttml、ttss、js、json 以及圖片文件的預(yù)覽。
2、文件格式：因 iOS 下僅支持 UTF8 編碼格式，最新版本的開發(fā)者工具會(huì)在上傳代碼時(shí)候?qū)Υa文件做一次編碼格式校驗(yàn)。
3、目錄樹：可以查看當(dāng)前項(xiàng)目的目錄結(jié)構(gòu)。
4、文件操作：可以通過在目錄樹上右鍵，選擇新建 Page，將自動(dòng)生成頁面所需要的 ttml、ttss、js、json，及在 app.json 的 pages 字段，添加需要新建的頁面的路徑，將會(huì)自動(dòng)生成該頁面所需要的文件，兩種方式新建頁面。

更新日志

v3.0.9
新增：新增支持普通工程分享代碼片段
新增：新增小程序擔(dān)保支持簽名校驗(yàn)工具
新增：小程序支持使用 Npm 包
新增：新版搬家工具上線
優(yōu)化：優(yōu)化第三方平臺(tái)小程序開發(fā)體驗(yàn)
優(yōu)化：優(yōu)化 IDE UI 交互
優(yōu)化：優(yōu)化 IDE 預(yù)覽 / 上傳 / 真機(jī)調(diào)試的錯(cuò)誤提示
優(yōu)化：優(yōu)化編輯器 app.json 代碼配置提示
優(yōu)化：優(yōu)化 IDE 離線體驗(yàn)
優(yōu)化：真機(jī)調(diào)試的交互流程
修復(fù)：修復(fù)部分場景下首次上傳可能失敗的問題
修復(fù)：修復(fù)分包小程序上傳包體大小計(jì)算包含 node_modules 問題
修復(fù)：修復(fù)編輯器 TTML 部分代碼提示問題
修復(fù)：修復(fù) IDE【Command+shift+P】打開設(shè)置代理對(duì)小程序模擬器不生效問題
修復(fù)：修復(fù)模擬器部分情況偶現(xiàn)白屏問題
修復(fù)：修復(fù)模擬器 setTimeout / setInterval 不符合預(yù)期問題
修復(fù)：修復(fù)若干模擬器問題
修復(fù)：修復(fù)調(diào)試器樣式不跟隨鼠標(biāo)樣式變化問題
修復(fù)：修復(fù)調(diào)試器 BXML 偶現(xiàn)不顯示問題
修復(fù)：修復(fù)調(diào)試器 POST 請(qǐng)求參數(shù)不展示問題
修復(fù)：修復(fù) IDE 鼠標(biāo)圓點(diǎn)不穩(wěn)定問題
修復(fù)：修復(fù)導(dǎo)入代碼片段異常問題
修復(fù)：修復(fù)退出應(yīng)用后進(jìn)程泄漏問題
修復(fù)：修復(fù)新建工程某些場景異常失敗問題
修復(fù)：修復(fù)上傳界面版本號(hào)異常問題
修復(fù)：修復(fù) Windows 中可能出現(xiàn)的前置頁白屏以及無響應(yīng)問題
修復(fù)：修復(fù)模擬器若干異常問題
修復(fù)：Windows 由于路徑過長導(dǎo)致的編譯不正常問題
修復(fù)：修復(fù)第三方小程序在 IDE 中 Referer appid 錯(cuò)誤問題
修復(fù)：Windows 某些設(shè)備限制下導(dǎo)致編譯不正常的問題
修復(fù)：真機(jī)調(diào)試二維碼可能在某些情況下與預(yù)覽二維碼表現(xiàn)不一致問題
修復(fù)：Windows 打開時(shí)異常藍(lán)框問題以及關(guān)閉按鈕不清晰體驗(yàn)問題