微信小程序開發(fā)工具介紹

更新時(shí)間：2022年04月18日 15:55:38 作者：Jeff的技術(shù)棧

這篇文章主要為大家介紹了微信小程序開發(fā)工具及基本的使用，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪

官方文檔

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

一、微信開發(fā)工具深入介紹

在講編輯器之前，我要強(qiáng)調(diào)一下，這個(gè)一點(diǎn)都不難，自己點(diǎn)一點(diǎn)就知道每個(gè)按鈕代表什么意思。我把介紹我們開發(fā)中經(jīng)常用的點(diǎn)，就可以了

下載開發(fā)工具

工具介紹微信官方鏈接

1.1 大體介紹開發(fā)工具主要分四大塊

1.2 工具欄

在工具欄中我們可以點(diǎn)擊項(xiàng)目，創(chuàng)建項(xiàng)目以及導(dǎo)入項(xiàng)目，其他的選項(xiàng)我們無需了解。

我們可以在工具欄控制編輯器，調(diào)試器，模擬器的顯示，當(dāng)期為高亮的時(shí)候表示顯示

如果在未上線之前，如果我們想在手機(jī)上看預(yù)覽我們的小程序，就要先編譯，然后點(diǎn)擊預(yù)覽，就可以看到我們的小程序了。

比如我們有些操作無法在模擬器中完成，必須借助與手機(jī)，然后又想看到動(dòng)作產(chǎn)生的信息，就需要用到真機(jī)調(diào)試，手機(jī)上的操作，會(huì)直接打印在我們的電腦端。這樣我們就可以更好的調(diào)試

切換后臺(tái)與清除緩存

在工具欄中我們要特別注意的點(diǎn)

1 如果我們的后臺(tái)服務(wù)沒有真實(shí)的服務(wù)器以及https域名，我們是沒有辦法進(jìn)行真機(jī)調(diào)試。
2 在開發(fā)階段我們很多的功能不要真機(jī)調(diào)試，也可以完成。那我們只需要與本地的服務(wù)器交互即可。
3 如果不在下圖所示的地方進(jìn)行設(shè)置，小程序的與本地交互還是無法完成。他會(huì)校驗(yàn)的微信官網(wǎng)的后臺(tái)，也就是你的個(gè)人小程序賬戶（https://mp.weixin.qq.com/）

如果我們做了如圖配置，小程序與后臺(tái)程序進(jìn)行交互的時(shí)候，就不需要校驗(yàn)我們的https的域名以及服務(wù)器