小程序開發准備
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點擊對應文件,左側可以進行打斷點操作
然后再點擊下編譯