小程式開發準備
1、申請小程式賬號（appid）
2、下載并安裝微信開發者工具
進入微信公眾平臺 https://mp.weixin.qq.com/
立即注冊小程式
按照資訊填寫之后完成注冊
具體操作可查看小程式官方開發檔案
使用注冊的小程式賬號密碼，登錄 https://mp.weixin.qq.com/
在選單-設定-開發者設定中，查看小程式的appID
下載并安裝微信開發者工具
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
選擇適合自己作業系統的最新穩定版本，傻瓜式下載安裝即可
掃碼登錄
新建小程式專案
（沒有appID可以暫時先使用測驗號）
不過現在個人是可以注冊小程式的，還是建議注冊一個，因為測驗號有很多限制
小程式屬于前端開發，單獨的小程式是沒有意義的
而完整的應用不僅要有前端，還需要服務器的支持（后端給前端提供資料）
小程式后端可以使用后端語言來開發，比如java python php node.js ，不懂后端的可以使用小程式云開發
進去以后的默認頁面是這樣的，微信頭像+微信名，怎么這么大……
微信開發工具UI簡介與小程式除錯方法
創建型別：
如果選擇page，會生成4個檔案 .js .json .xml .xss
如何查看快捷鍵：
滑鼠移動到代碼區域，按F1，會出現所有操作及快捷鍵
如何運行代碼：
1、點擊編譯
2、小程式有自動編譯功能
編輯完代碼之后按ctrl+s保存即可自動編譯
清快取：
如何查看專案的配置資訊和狀態：
點擊設定-專案設定
或者點擊右上角的詳情
關于除錯：
1、console.log列印變數進行查看
2、斷點除錯，在控制臺sources點擊對應檔案，左側可以進行打斷點操作
然后再點擊下編譯
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/62313.html
標籤：Html/Css
下一篇：小程式的頁面層級結構