使用vscode提高小程序開發(fā)效率
不知道大家開發(fā)小程序是用什么工具，如果是微信自帶的開發(fā)者工具，相信我，看了這篇文章，你會重新做出選擇的。

之前一段時間，我也一直使用微信開發(fā)者工具進行小程序的開發(fā)與調(diào)試，但是用過的就會有這種體會：

代碼編寫區(qū)域太小，代碼堆疊在一起，難以閱讀
自定義能力較弱，只能修改代碼字體
編輯器代碼提示較少
工具經(jīng)常出現(xiàn)莫名的bug，時不時黑屏

image.png

因此，為了解決這些個問題，果斷更換開發(fā)工具，這里推薦大家使用號稱“宇宙第一IDE”的編輯器——vscode。安裝方法不作贅述，主要介紹一下幾個vscode插件，在vscode中搜索插件關(guān)鍵字點擊安裝即可。

minapp

支持微信小程序標(biāo)簽、屬性的智能補全，并且提示中包含文檔內(nèi)容（同時支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）。

image.png

wechat-snippet

這個插件主要的功能就是代碼輔助，代碼片段自動完成，可以作為上個插件的補充。

image.png

wxml

這款插件用于將wxml代碼進行高亮顯示，并且提供代碼格式化的功能，可將代碼格式化為較易閱讀的樣式。

image.png

有了上面這幾款插件，便可以開始高效地擼代碼了。至于代碼的調(diào)試以及效果的查看，當(dāng)然還是得打開微信開發(fā)者工具。將編輯器隱藏，調(diào)試工具調(diào)到最大，快速找到元素的位置，修改樣式，Ctrl+S，提交代碼，一頓操作猛如虎。

image.png