W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
使用手機驗證或 Lark 掃碼可登錄小程序開發(fā)工具。
當(dāng)滿足:
可以選擇窗口中央的「創(chuàng)建一個頭條小程序」,或點擊右下角的「新建」按鈕,新建工程。
圖中所示分別為:工具欄、模擬器、編輯器、調(diào)試器四大部分。
點擊「模擬器」、「編輯器」、「調(diào)試器」三個按鈕可以隱藏/顯示相應(yīng)的模塊,界面中至少有一個模塊被顯示。
模擬器模擬頭條小程序在客戶端真實的邏輯表現(xiàn),對于絕大部分的 API 均能夠在模擬器上呈現(xiàn)出正確的狀態(tài)。開發(fā)者可以選擇不同的設(shè)備,調(diào)試小程序在不同尺寸機型上的適配問題。
編輯器模塊內(nèi)可以對當(dāng)前項目進(jìn)行代碼編寫和文件的添加、刪除以及重命名等基本操作。
調(diào)試工具分為 6 大功能模塊:Bxml、Console、Sources、Network、Application、Performance
編譯條件會讀取 project.config.json 中的 condition 字段下的相關(guān)配置,方便導(dǎo)入編譯條件。
點擊工具欄的普通編譯處,在下拉列表中,點擊添加編譯模式,會彈出填寫編譯條件窗口,添加自己的定制化的編譯條件。
在彈出的窗口中,添加模式名稱,啟動頁面,啟動參數(shù)以及進(jìn)入場景幾個字段,點擊確認(rèn),生成新的編譯條件。
點擊工具欄的"上傳"按鈕,填寫版本號(版本號不能重復(fù),需在上一個版本號上加 1), 填寫更新日志,點擊確認(rèn)上傳至開發(fā)者平臺。
上傳完成后,進(jìn)入開發(fā)者平臺=》發(fā)布頁面進(jìn)行提審
Bxml panel 用于幫助開發(fā)者開發(fā) ttml 轉(zhuǎn)化后的界面。在這里可以看到真實的頁面結(jié)構(gòu)以及結(jié)構(gòu)對應(yīng)的 ttss 屬性,同時可以通過修改對應(yīng) ttss 屬性,在模擬器中實時看到修改的情況(僅為實時預(yù)覽,無法保存到文件)。通過調(diào)試模塊左上角的選擇器,還可以快速定位頁面中組件對應(yīng)的 ttml 代碼。
開發(fā)者可以在此調(diào)試代碼。
Sources panel 用于顯示當(dāng)前項目的腳本文件,同瀏覽器開發(fā)不同,小程序框架會對腳本文件進(jìn)行編譯的工作,所以在 Sources panel 中開發(fā)者看到的文件是經(jīng)過處理之后的腳本文件,開發(fā)者的代碼都會被包裹在 define 函數(shù)中,并且對于 Page 代碼,在尾部會有 require 的主動調(diào)用。
Network Panel 用于觀察和顯示 request 和 socket 的請求情況。
AppData panel 用于展示以及修改當(dāng)前 page 的 data 屬性
可以查看 Storage 存儲情況。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: