微信小程式開發工具介紹

2022-04-18 22:02:34

官方檔案

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

一、微信開發工具深入介紹

在講編輯器之前，我要強調一下，這個一點都不難，自己點一點就知道每個按鈕代表什麼意思。我把介紹我們開發中經常用的點，就可以了

下載開發工具

工具介紹微信官方連結

1.1 大體介紹開發工具主要分四大塊

1.2 工具列

在工具列中我們可以點選專案，建立專案以及匯入專案，其他的選項我們無需瞭解。

我們可以在工具列控制編輯器，偵錯程式，模擬器的顯示，當期為高亮的時候表示顯示

如果在未上線之前，如果我們想在手機上看預覽我們的小程式，就要先編譯，然後點選預覽，就可以看到我們的小程式了。

比如我們有些操作無法在模擬器中完成，必須藉助與手機，然後又想看到動作產生的資訊，就需要用到真機偵錯，手機上的操作，會直接列印在我們的電腦端。這樣我們就可以更好的偵錯

切換後臺與清除快取

在工具列中我們要特別注意的點

1 如果我們的後臺服務沒有真實的伺服器以及https域名，我們是沒有辦法進行真機偵錯。
2 在開發階段我們很多的功能不要真機偵錯，也可以完成。那我們只需要與原生的伺服器互動即可。
3 如果不在下圖所示的地方進行設定，小程式的與本地互動還是無法完成。他會校驗的微信官網的後臺，也就是你的個人小程式賬戶（https://mp.weixin.qq.com/）

如果我們做了如圖設定，小程式與後臺程式進行互動的時候，就不需要校驗我們的https的域名以及伺服器