微信小程序開(kāi)發(fā)工具介紹
官方文檔
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
一、微信開(kāi)發(fā)工具深入介紹
在講編輯器之前,我要強(qiáng)調(diào)一下,這個(gè)一點(diǎn)都不難,自己點(diǎn)一點(diǎn)就知道每個(gè)按鈕代表什么意思。我把介紹我們開(kāi)發(fā)中經(jīng)常用的點(diǎn),就可以了
下載開(kāi)發(fā)工具
1.1 大體介紹開(kāi)發(fā)工具主要分四大塊
1.2 工具欄
在工具欄中我們可以點(diǎn)擊項(xiàng)目,創(chuàng)建項(xiàng)目以及導(dǎo)入項(xiàng)目,其他的選項(xiàng)我們無(wú)需了解。
我們可以在工具欄控制編輯器,調(diào)試器,模擬器的顯示,當(dāng)期為高亮的時(shí)候表示顯示
如果在未上線之前,如果我們想在手機(jī)上看預(yù)覽我們的小程序,就要先編譯,然后點(diǎn)擊預(yù)覽,就可以看到我們的小程序了。
比如我們有些操作無(wú)法在模擬器中完成,必須借助與手機(jī),然后又想看到動(dòng)作產(chǎn)生的信息,就需要用到真機(jī)調(diào)試,手機(jī)上的操作,會(huì)直接打印在我們的電腦端。這樣我們就可以更好的調(diào)試
切換后臺(tái)與清除緩存
在工具欄中我們要特別注意的點(diǎn)
1 如果我們的后臺(tái)服務(wù)沒(méi)有真實(shí)的服務(wù)器以及https域名,我們是沒(méi)有辦法進(jìn)行真機(jī)調(diào)試。 2 在開(kāi)發(fā)階段我們很多的功能不要真機(jī)調(diào)試,也可以完成。那我們只需要與本地的服務(wù)器交互即可。 3 如果不在下圖所示的地方進(jìn)行設(shè)置,小程序的與本地交互還是無(wú)法完成。他會(huì)校驗(yàn)的微信官網(wǎng)的后臺(tái),也就是你的個(gè)人小程序賬戶(https://mp.weixin.qq.com/)
如果我們做了如圖配置,小程序與后臺(tái)程序進(jìn)行交互的時(shí)候,就不需要校驗(yàn)我們的https的域名以及服務(wù)器
1.3編輯器
編輯器就比較簡(jiǎn)單,我們表注一下是什么就可以了
1.4調(diào)試器
調(diào)試器的功能與我們?yōu)g覽器中的f12調(diào)用出來(lái)的調(diào)試者模式一樣,但是有一點(diǎn)不同
編輯器總結(jié)
關(guān)于小程序編輯器,我沒(méi)有把每一個(gè)按鈕功能都解釋一遍,大家只要記住我上面講的內(nèi)容即可,其他的一些功能,不會(huì)影響我們代碼的書(shū)寫(xiě),與調(diào)試。
以上就是微信小程序開(kāi)發(fā)工具介紹 的詳細(xì)內(nèi)容,更多關(guān)于微信小程序開(kāi)發(fā)工具的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
Studio 3T無(wú)限試用的問(wèn)題及解決方法
Studio 3T是一款非常不錯(cuò)的MongoDB數(shù)據(jù)庫(kù)GUI連接工具,由原MongoChef改名升級(jí),可以為大家更優(yōu)質(zhì)的網(wǎng)頁(yè)設(shè)計(jì)、代碼輸入、編程管理等功能,這篇文章給大家分享關(guān)于Studio3T試用時(shí)間到期的問(wèn)題,如何用腳本重新設(shè)置時(shí)間的失敗問(wèn)題,感興趣的朋友一起看看吧2022-08-08git版本庫(kù)創(chuàng)建拓展添加文件到版本庫(kù)教程
這篇文章主要為大家介紹了git版本庫(kù)創(chuàng)建拓展添加文件到版本庫(kù)教程,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-04-04做一個(gè)優(yōu)秀程序員應(yīng)該知道的15件事
這篇文章主要介紹了做一個(gè)優(yōu)秀程序員應(yīng)該知道的15件事,寫(xiě)的很好,需要的朋友可以參考下2014-07-07Crystal最新發(fā)布v1.3.0語(yǔ)法相似Ruby編譯型編程語(yǔ)言
Crystal?是一種通用的、面向?qū)ο蟮木幊陶Z(yǔ)言,由?Ary?Borenszweig、Juan?Wajnerman、Brian?Cardiff?和?300?多名貢獻(xiàn)者設(shè)計(jì)開(kāi)發(fā)2022-01-01詳解window啟動(dòng)webpack打包的三種方法
這篇文章主要介紹了window啟動(dòng)webpack打包的三種方法,本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-11-11基于Python和Java實(shí)現(xiàn)單詞計(jì)數(shù)(Word Count)
Spark框架也是MapReduce-like模型,采用“分治-聚合”策略來(lái)對(duì)數(shù)據(jù)分布進(jìn)行分布并行處理,本文就來(lái)利用Spark實(shí)現(xiàn)單詞統(tǒng)計(jì)的功能,需要的可以參考一下2023-05-05