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