微信小程序開發工具使用
微信小程序開發工具如何使用?請看下面方法。
下載微信web開發者工具
點擊小程序後的查看詳情
選擇開發者工具
下載對應系統版本的應用程序
安裝開發工具
編寫小程序實例
打開工具點擊小程序項目
填寫相應信息,點擊確定
實例目錄結構
app.js是小程序的腳本代碼(必須),可以在這個文件中監聽並處理小程序的生命週期函數、聲明全局變量,調用框架提供的豐富的 API。
app.json是對整個小程序的全局配置(必須),用來對微信小程序進行全局配置,決定頁面文件的路徑、窗口表現、設置網絡超時時間、設置多tab等。接受一個數組,每一項都是字符串,來指定小程序由哪些頁面組成。微信小程序中的每一個頁面的【路徑+頁面名】都需要寫在app.json的pages中,且pages中的第一個頁面是小程序的首頁。
app.wxss是整個小程序的公共樣式表(非必須)。
index.js 是頁面的腳本文件(必須),在這個文件中我們可以監聽並處理頁面的生命週期函數、獲取小程序實例,聲明並處理數據,響應頁面交互事件等。
index.wxml是頁面結構文件(必須)。
index.wxss是頁面樣式表文件(非必須),當有頁面樣式表時,頁面的樣式表中的樣式規則會層疊覆蓋app.wxss中的樣式規則。如果不指定頁面的樣式表,也可以在頁面的結構文件中直接使用app.wxss中指定的樣式規則。
在編輯配置好後點擊真機調試
手機微信掃描二維碼
自動彈出調試窗口,通過真機調試能夠更好的測試小程序