使用vscode提高小程序開發(fā)效率
不知道大家開發(fā)小程序是用什么工具酌呆，如果是微信自帶的開發(fā)者工具榔幸，相信我，看了這篇文章篓吁，你會(huì)重新做出選擇的茫因。
之前一段時(shí)間，我也一直使用微信開發(fā)者工具進(jìn)行小程序的開發(fā)與調(diào)試杖剪，但是用過的就會(huì)有這種體會(huì)：
代碼編寫區(qū)域太小冻押，代碼堆疊在一起，難以閱讀
自定義能力較弱盛嘿，只能修改代碼字體
編輯器代碼提示較少
工具經(jīng)常出現(xiàn)莫名的bug洛巢，時(shí)不時(shí)黑屏
因此，為了解決這些個(gè)問題次兆，果斷更換開發(fā)工具稿茉，這里推薦大家使用號(hào)稱“宇宙第一IDE”的編輯器——vscode。安裝方法不作贅述，主要介紹一下幾個(gè)vscode插件漓库，在vscode中搜索插件關(guān)鍵字點(diǎn)擊安裝即可城须。
minapp
支持微信小程序標(biāo)簽、屬性的智能補(bǔ)全米苹，并且提示中包含文檔內(nèi)容（同時(shí)支持原生小程序、mpvue 和 wepy 框架砰琢，并提供 snippets）蘸嘶。
wechat-snippet
這個(gè)插件主要的功能就是代碼輔助，代碼片段自動(dòng)完成陪汽，可以作為上個(gè)插件的補(bǔ)充训唱。
wxml
這款插件用于將wxml代碼進(jìn)行高亮顯示，并且提供代碼格式化的功能挚冤，可將代碼格式化為較易閱讀的樣式况增。
有了上面這幾款插件，便可以開始高效地?cái)]代碼了训挡。至于代碼的調(diào)試以及效果的查看澳骤，當(dāng)然還是得打開微信開發(fā)者工具。將編輯器隱藏澜薄，調(diào)試工具調(diào)到最大为肮，快速找到元素的位置，修改樣式肤京，Ctrl+S颊艳，提交代碼，一頓操作猛如虎忘分。
