看千遍不如做一遍。先讓我們來一起做一個最簡單的HelloWorld吧。
1.下載安裝微信小程式開發者工具,下載路徑:
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
根據你的作業系統類型,選擇windows 64、windows 32或mac。
2.建立專案
⑴ 新增專案
點選「新增專案」按鈕,建立一個專案。
⑵ 專案的幾個參數說明
沒有 AppID 就選無AppID(若亂寫會報錯,且到時可能無法進入專案)。如果你選擇的「專案目錄」為空,請如圖所示勾選在「目前目錄中建立quick start專案」。項目名稱就隨便寫一個吧,例如「測試項目」。點擊「新增項目」按鈕,一個最簡單的微信小程式就完成了。
3.專案代碼結構說明
點選開發者工具左側導航的“編輯”,我們可以看到這個項目已經初始化並包含了一些簡單的程式碼。其中包括:app.js,app.json,app.wxss和2個目錄:pages,utils。
其中,最重要的是 app.js、app.json、app.wxss 這三份檔案。
app.js:這個檔案是整個小程式的入口檔案。
app.json:這個文件是小程式的全域設定文件,決定頁面檔案的路徑,視窗表現,設定網路逾時時間等。
app.wxss:是小程式的樣式文件,你可以把它想像成html中的CSS。
HelloWorld小程式就到此為止,怎麼樣?夠easy吧。下一篇文章,讓我們來深入了解小程式的程式碼結構。
更多HelloWorld微信小程式相關文章請關注PHP中文網!