小程序開發(fā)者工具使用教程,開發(fā)者工具怎么使用

一、注冊(cè)小程序賬號(hào)

進(jìn)入微信公眾平臺(tái)

點(diǎn)擊立即注冊(cè)

選擇小程序

填寫信息注冊(cè)即可

綁定開發(fā)者

進(jìn)入“設(shè)置-開發(fā)設(shè)置”，獲取AppID信息。

二、下載微信web開發(fā)者工具

點(diǎn)擊小程序后的查看詳情

選擇開發(fā)者工具

下載對(duì)應(yīng)系統(tǒng)版本的應(yīng)用程序

安裝開發(fā)工具

三、編寫小程序?qū)嵗?/strong>

打開工具點(diǎn)擊小程序項(xiàng)目

填寫相應(yīng)信息，點(diǎn)擊確定

實(shí)例目錄結(jié)構(gòu)

app.js是小程序的腳本代碼（必須），可以在這個(gè)文件中監(jiān)聽并處理小程序的生命周期函數(shù)、聲明全局變量，調(diào)用框架提供的豐富的 API。

app.json是對(duì)整個(gè)小程序的全局配置（必須），用來對(duì)微信小程序進(jìn)行全局配置，決定頁面文件的路徑、窗口表現(xiàn)、設(shè)置網(wǎng)絡(luò)超時(shí)時(shí)間、設(shè)置多tab等。接受一個(gè)數(shù)組，每一項(xiàng)都是字符串，來指定小程序由哪些頁面組成。微信小程序中的每一個(gè)頁面的【路徑+頁面名】都需要寫在app.json的pages中，且pages中的第一個(gè)頁面是小程序的首頁。

app.wxss是整個(gè)小程序的公共樣式表（非必須）。

index.js 是頁面的腳本文件（必須），在這個(gè)文件中我們可以監(jiān)聽并處理頁面的生命周期函數(shù)、獲取小程序?qū)嵗?，聲明并處理?shù)據(jù)，響應(yīng)頁面交互事件等。

index.wxml是頁面結(jié)構(gòu)文件（必須）。

index.wxss是頁面樣式表文件（非必須），當(dāng)有頁面樣式表時(shí)，頁面的樣式表中的樣式規(guī)則會(huì)層疊覆蓋app.wxss中的樣式規(guī)則。如果不指定頁面的樣式表，也可以在頁面的結(jié)構(gòu)文件中直接使用app.wxss中指定的樣式規(guī)則。

在編輯配置好后點(diǎn)擊真機(jī)調(diào)試

手機(jī)微信掃描二維碼

自動(dòng)彈出調(diào)試窗口，通過真機(jī)調(diào)試能夠更好的測試小程序

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com