微信小程序廣受好評(píng)，小程序開發(fā)者們也越來越多，對(duì)于新手小程序開發(fā)者來說，微信web開發(fā)者工具使用教程很有必要，下面可速云小編就為大家分享下小程序開發(fā)者工具的使用教程。
（一）首先咱們先來看下開發(fā)者工具的編輯界面
1、 幫助列表，在幫助/查看更新日志，可以直達(dá) 小程序文檔，很方便
2、 手機(jī)選擇列表，在里面可以選擇不同機(jī)型，來判斷頁(yè)面設(shè)計(jì)在不同手機(jī)上顯示是否有問題，一般來說，如果使用微信的專用的長(zhǎng)度單位（rpx），問題應(yīng)該不大。
3、 網(wǎng)絡(luò)選擇，也是測(cè)試網(wǎng)絡(luò)用，用的不多。
4、 點(diǎn)擊可以隱藏目錄框，對(duì)于小屏幕的電腦，可以點(diǎn)擊隱藏目錄，增大代碼編輯區(qū)域
5、 在這里添加目錄、文件什么的，很方便
6、 當(dāng)前界面的目錄及場(chǎng)景值（經(jīng)常有人跟蹤頁(yè)面時(shí)找不到當(dāng)前頁(yè)面，打開各個(gè)頁(yè)面找，下次記得看看這里哦）。
7、 這里刪除緩存用。?
（二）接著看看調(diào)試界面
1、 Console標(biāo)簽，就是在js代碼里面使用console.log()時(shí)顯示在這里，并且代碼的各種警告和錯(cuò)誤會(huì)出現(xiàn)在這里，黃色背景是警告，紅色的是錯(cuò)誤。
2、 Storage標(biāo)簽，這里是緩存數(shù)據(jù)?
3、 AppData標(biāo)簽，這個(gè)是每個(gè)頁(yè)面的數(shù)據(jù)，由于setData函數(shù)異步的原因，有些同學(xué)在setData后直接打印某個(gè)數(shù)據(jù)，會(huì)發(fā)現(xiàn)數(shù)據(jù)沒有變化，會(huì)懷疑setData沒有成功。到底有沒有成功，在這里就可以查到了。
另外， data數(shù)據(jù)在這個(gè)界面是可以修改的，某些時(shí)候調(diào)試時(shí)，需要修改參數(shù)看頁(yè)面效果，在這里修改也是可以的，并且不會(huì)影響代碼，很方便。?
4、 Wxml標(biāo)簽 在這里，可以查看當(dāng)前頁(yè)面的wxml代碼，主要在設(shè)計(jì)界面階段發(fā)現(xiàn)布局問題的時(shí)候用到，非常方便，左邊選擇標(biāo)簽，右邊有css樣式，在這里，也可修改樣式查看效果的哦，有沒有注意到？
（三）項(xiàng)目界面
?
這里介紹三個(gè)點(diǎn)
1、 使用其他開發(fā)工具編寫程序時(shí)，其他工具保存代碼，本開發(fā)工具自動(dòng)更新。
2、 調(diào)試階段，或沒有https網(wǎng)站時(shí)，記得勾選該選項(xiàng)
3、 刪除項(xiàng)目，就是在開發(fā)工具中刪除該項(xiàng)目而已，并未刪除源文件。?
（四） 其他
另外再講幾點(diǎn)開發(fā)工具中的小技巧
1、 代碼的折疊功能，在微信小程序的幾個(gè)標(biāo)準(zhǔn)文件中，把鼠標(biāo)移動(dòng)到函數(shù)名前面的空白、控件前面的空白等，會(huì)有“-”符號(hào)，點(diǎn)擊可折疊該函數(shù)、控件，這個(gè)在分析結(jié)構(gòu)的時(shí)候非常有用。
2、 自動(dòng)補(bǔ)全功能也很不錯(cuò)，比如新建的js空白頁(yè)面，直接輸入page，并選擇，可以直接補(bǔ)全整個(gè)page頁(yè)面，還有各個(gè)控件的補(bǔ)全，也都非常不錯(cuò)。?
?（文章來自小程序社區(qū) 版主 天下鈔票?）
以上就是可速云小編為大家?guī)淼?a href="http://www.dqrqedu.cn/" data-ke-src="http://www.dqrqedu.cn/" target="_blank">小程序資訊，更多相關(guān)資訊請(qǐng)點(diǎn)擊“可速云”查閱。
熱門文章：隨機(jī)鏈接1，隨機(jī)鏈接2，隨機(jī)鏈接3
?
