1.首先在微信小程序頁面註冊帳號,https://mp.weixin.qq.com/,郵箱確認以後會有一個appidhtml
2.下載微信小程序開發工具:vue
3.安裝好,而後掃碼登陸,建立新項目或者選擇導入項目,勾選下面這個選擇,建立基本的項目目錄:json
界面就是這樣子:小程序
4.介紹一下這個工具,感受還挺好用的,保存自動編譯,能夠真機預覽和調試,切換尺寸==微信小程序
5.這個自動建立的文件目錄也很好理解:微信
6.微信提供了不少自定義的 樣式,在app.json中舉例配置一下,除此以外還有其餘的可配置項在官方文檔中寫的很詳細:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.htmlapp
7.微信小程序和vue比較像 用到的變量,在js中的data中進行定義,經過 {{ }} 的語法把一個變量綁定到界面,同時view至關於div:工具
8.wx:if="{{}}" wx:for="{{}}" data-id="{{}}"都和vue很像,同時注意不能隨便空格開發工具