02-04 微信開發工具深入介紹


4. 微信開發工具深入介紹

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

我們可以在下面的鏈接中下載我們的開發工具

工具介紹微信官方鏈接

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

1535874624085

4.2 工具欄

在工具欄中我們可以點擊項目,創建項目以及導入項目,其他的選項我們無需了解。

我們可以在工具欄控制編輯器,調試器,模擬器的顯示,當期為高亮的時候表示顯示

如果在未上線之前,如果我們想在手機上看預覽我們的小程序,就要先編譯,然后點擊預覽,就可以看到我們的小程序了。

比如我們有些操作無法在模擬器中完成,必須借助與手機,然后又想看到動作產生的信息,就需要用到真機調試,手機上的操作,會直接打印在我們的電腦端。這樣我們就可以更好的調試

切換后台與清除緩存

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

1 如果我們的后台服務沒有真實的服務器以及https域名,我們是沒有辦法進行真機調試。
2 在開發階段我們很多的功能不要真機調試,也可以完成。那我們只需要與本地的服務器交互即可。
3 如果不在下圖所示的地方進行設置,小程序的與本地交互還是無法完成。他會校驗的微信官網的后台,也就是你的個人小程序賬戶(https://mp.weixin.qq.com/)

如果我們做了如圖配置,小程序與后台程序進行交互的時候,就不需要校驗我們的https的域名以及服務器

4.2編輯器

編輯器就比較簡單,我們表注一下是什么就可以了

4.3調試器

調試器的功能與我們瀏覽器中的f12調用出來的調試者模式一樣,但是有一點不同

編輯器總結

關於小程序編輯器,我沒有把每一個按鈕功能都解釋一遍,大家只要記住我上面講的內容即可,其他的一些功能,不會影響我們代碼的書寫,與調試。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM