[微信小程序] 微信小程序學習(一)——起步

1. 完成註冊登錄

微信公衆平臺註冊小程序,完成註冊後得到APPID,可以同步進行信息完善和開發。

2. 下載開發工具

根據計算機系統,下載 微信web開發者工具

3. 新建項目
結構 傳統結構 微信小程序
結構 HTML WXML
樣式 CSS WXSS
邏輯 JavaScript JavaScript
配置 JSON

傳統的web是三層結構,而微信小程序是四層結構,多了一層 配置JSON

項目目錄結構如下:
在這裏插入圖片描述

4. 開發插件(vscode)

vscode開發微信小程序安裝的插件:

  1. wechat-snippet
    微信小程序代碼輔助,代碼片段自動完成

  2. minapp
    微信小程序標籤、屬性的智能補全(同時支持原生小程序、mpvue 和 wepy 框架,並提供 snippets)
    需要輸入<纔會觸發標籤補全
    輸入空格會觸發對應標籤的屬性補全

  3. wxapp-helper
    選擇創建wx組件,自動生成配套的文件,簡直不要太爽

技巧:建議新建頁面或寫配置時,在微信開發者工具裏寫(有提示,會自動生成相關配置),個人習慣寫WXML、WXSS、JS在VSCode裏面寫,看你個人喜好。

5. 教程 | 《小程序開發指南》

給我盤它!盤它!盤它!

《小程序開發指南》

《微信官方文檔——小程序》