在微信公衆平臺註冊小程序,完成註冊後得到APPID,可以同步進行信息完善和開發。
根據計算機系統,下載 微信web開發者工具
結構 | 傳統結構 | 微信小程序 |
---|---|---|
結構 | HTML | WXML |
樣式 | CSS | WXSS |
邏輯 | JavaScript | JavaScript |
配置 | 無 | JSON |
傳統的web是三層結構,而微信小程序是四層結構,多了一層 配置JSON
項目目錄結構如下:
vscode開發微信小程序安裝的插件:
wechat-snippet
微信小程序代碼輔助,代碼片段自動完成
minapp
微信小程序標籤、屬性的智能補全(同時支持原生小程序、mpvue 和 wepy 框架,並提供 snippets)
需要輸入<纔會觸發標籤補全
輸入空格會觸發對應標籤的屬性補全
wxapp-helper
選擇創建wx組件,自動生成配套的文件,簡直不要太爽
技巧:建議新建頁面或寫配置時,在微信開發者工具裏寫(有提示,會自動生成相關配置),個人習慣寫WXML、WXSS、JS在VSCode裏面寫,看你個人喜好。
給我盤它!盤它!盤它!