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