開(kāi)發(fā)者工具,小程序,怎么用?
,你打算用這個(gè)寫(xiě)一個(gè)小程序嗎?還是別人給你寫(xiě)了代碼包,你就上傳了?如果你想編碼一個(gè)小程序,開(kāi)發(fā)者工具會(huì)自動(dòng)生成一個(gè)框架,你只需要在這個(gè)框架上進(jìn)行二次開(kāi)發(fā)。要打開(kāi)開(kāi)發(fā)者工具,你必須是小程序的管理員,為小程序?qū)懘a,掃碼,登錄。進(jìn)入后,選擇小程序。之后會(huì)有三個(gè)框讓你填寫(xiě)開(kāi)發(fā)者工具,包括項(xiàng)目目錄,appid,項(xiàng)目名稱。只需在目錄中創(chuàng)建一個(gè)空白文件。appID是小程序的appID,隨便填項(xiàng)目名。最好填寫(xiě)小程序名稱,以便區(qū)分。這些完成后,開(kāi)發(fā)者工具會(huì)自動(dòng)生成小程序的框架。可以在原框架內(nèi)做二次編程,所以我贏了關(guān)于這個(gè)我不能說(shuō)太多,它的大小在2M境內(nèi)。如果你上傳了一個(gè)代碼包,這和上面的步驟是一樣的。在項(xiàng)目目錄中選擇您的代碼包,單擊OK,然后預(yù)覽它。沒(méi)有問(wèn)題。上傳就行了,然后在小程序后臺(tái)提交審核。如果代碼是開(kāi)發(fā)者給你開(kāi)發(fā)的,他會(huì)給你一個(gè)背景。只需要登錄第三方就可以添加模塊和編輯信息。
小程序代碼怎么在開(kāi)發(fā)者工具中打開(kāi)?
開(kāi)發(fā)者工具有三個(gè)模塊。小程序模擬器,小程序編輯器,小程序調(diào)試器。每個(gè)模塊都有不同的功能。調(diào)試器的功能類似于瀏覽器中頁(yè)面的review元素。我們可以在元素模式框中修改屬性,可以看到頁(yè)面相關(guān)屬性的變化,找到相關(guān)的頁(yè)面樣式文件。小程序開(kāi)發(fā)工具的調(diào)試器也是這樣的。
開(kāi)發(fā)者工具-
調(diào)試器
調(diào)試器分為六個(gè)功能模塊:Wxml、控制臺(tái)、源代碼、網(wǎng)絡(luò)、Appdata和存儲(chǔ)。
Wxml
Wxml用于幫助開(kāi)發(fā)者開(kāi)發(fā)Wxml轉(zhuǎn)換后的界面。在這里,您可以看到真正的頁(yè)面結(jié)構(gòu)及其相應(yīng)的wxss屬性。同時(shí),通過(guò)修改相應(yīng)的wxss屬性,可以在模擬器中實(shí)時(shí)看到修改情況。通過(guò)調(diào)試模塊左上角的選擇器,還可以快速找到頁(yè)面中組件對(duì)應(yīng)的wxml代碼。
來(lái)源
Sources用于顯示當(dāng)前項(xiàng)目的腳本文件。與瀏覽器開(kāi)發(fā)不同,小程序框架會(huì)編譯腳本文件,所以開(kāi)發(fā)者在源碼中看到的文件都是經(jīng)過(guò)處理的腳本文件,開(kāi)發(fā)者的代碼將被包裝在define函數(shù)中,對(duì)于頁(yè)面代碼,最后會(huì)有一個(gè)require的主動(dòng)調(diào)用。
網(wǎng)絡(luò)
Netwrok用于觀察和顯示請(qǐng)求和套接字請(qǐng)求。
Appdata
Appdata用于實(shí)時(shí)顯示當(dāng)前項(xiàng)目當(dāng)前時(shí)刻appdata的具體數(shù)據(jù)。反饋?lái)?xiàng)目數(shù)據(jù)。你可以在這里編輯數(shù)據(jù),并及時(shí)反饋到界面。
儲(chǔ)存;儲(chǔ)備
存儲(chǔ)用于顯示當(dāng)前項(xiàng)目或未來(lái)數(shù)據(jù)存儲(chǔ)的使用情況。
安慰
控制臺(tái)有兩個(gè)功能:
開(kāi)發(fā)人員可以在這里輸入和調(diào)試代碼。
此處將顯示小程序的錯(cuò)誤輸出。