小程序代碼怎么在開發(fā)者工具中打開？

開發(fā)者工具有三個模塊。小程序模擬器，小程序編輯器，小程序調(diào)試器。每個模塊都有不同的功能。調(diào)試器的功能類似于瀏覽器中頁面的review元素。我們可以在元素模式框中修改屬性，可以看到頁面相關(guān)屬性的變化，找到相關(guān)的頁面樣式文件。小程序開發(fā)工具的調(diào)試器也是這樣的。

開發(fā)者工具-

調(diào)試器

調(diào)試器分為六個功能模塊:Wxml、控制臺、源代碼、網(wǎng)絡(luò)、Appdata和存儲。

Wxml

Wxml用于幫助開發(fā)者開發(fā)Wxml轉(zhuǎn)換后的界面。在這里，您可以看到真正的頁面結(jié)構(gòu)及其相應(yīng)的wxss屬性。同時，通過修改相應(yīng)的wxss屬性，可以在模擬器中實(shí)時看到修改情況。通過調(diào)試模塊左上角的選擇器，還可以快速找到頁面中組件對應(yīng)的wxml代碼。

來源

Sourc

開發(fā)者工具怎么用？

)，找到右下角的applet模塊，點(diǎn)擊"發(fā)展與創(chuàng)新按鈕；

單擊"工具"按鈕在頂部導(dǎo)航欄和查找"下載"在新頁面的左欄。可以看到，開發(fā)工具提供了三個版本:Windows32位、Windows64位和Mac。可以根據(jù)實(shí)際情況選擇適合自己電腦的開發(fā)工具。

安裝完成后，可以直接啟動開發(fā)者工具。如果是第一次啟動開發(fā)者工具，需要使用developers號掃碼登錄。登錄后，單擊"添加項(xiàng)目按鈕，并填寫AppID(如果沒有，單擊NoAppID)和項(xiàng)目名稱。然后，點(diǎn)擊"選擇"在項(xiàng)目目錄中創(chuàng)建新文檔。文件夾作為新的項(xiàng)目目錄。然后點(diǎn)擊"添加項(xiàng)目同樣，你可以創(chuàng)建一個新的小程序項(xiàng)目。

開發(fā)者工具分為編輯、調(diào)試、項(xiàng)目三個部分。

調(diào)試:顯示小程序代碼錯誤和警告，以便于調(diào)試代碼錯誤。

項(xiàng)目:用于查看小程序?qū)傩裕薷男〕绦蚺渲茫峤恍〕绦虼a到服務(wù)器。

開發(fā)工具還提供了一個簡單的模擬器(在頁面的左側(cè))。開發(fā)者可以使用模擬器來模擬用戶點(diǎn)擊和使用，并提供諸如背景情況模擬、多媒體播放器調(diào)試和數(shù)據(jù)緩存等功能。