大家寫小程序的時(shí)候肯定是受夠了微信開發(fā)者工具了响迂,說實(shí)話確實(shí)很不方便,如代碼編寫區(qū)域太小细疚,代碼堆疊蔗彤,代碼提示少等,所以果斷換vscode疯兼,那么如何在Vscode中更快更高效開發(fā)小程序呢然遏?
主要介紹一下幾個(gè)vscode插件,在vscode中搜索插件關(guān)鍵字點(diǎn)擊安裝即可镇防。
1.首先在小程序開發(fā)工具中把項(xiàng)目搭建好啦鸣,如下圖所示:
2.然后進(jìn)行插件安裝,介紹下面幾款插件:
vscode weapp api来氧,這是小程序的語(yǔ)法結(jié)構(gòu)api
vscode wxml ?主要是針對(duì)wxml文件的
wxml? 這款插件用于將wxml代碼進(jìn)行高亮顯示,并且提供代碼格式化的功能,可將代碼格式化為較易閱讀的樣式
vscode-wechat
Easy WXLESS啦扬,是針對(duì)wxss文件的
minapp?支持微信小程序標(biāo)簽中狂、屬性的智能補(bǔ)全,并且提示中包含文檔內(nèi)容(同時(shí)支持原生小程序扑毡、mpvue 和 wepy 框架胃榕,并提供 snippets)
wechat-snippet?這個(gè)插件主要的功能就是代碼輔助,代碼片段自動(dòng)完成瞄摊,可以作為上個(gè)插件的補(bǔ)充
有了上面這幾款插件勋又,便可以開始高效地?cái)]代碼了。但利用vscode開發(fā)小程序只是起到了編輯的效果换帜,真正的調(diào)試等還需要在小程序開發(fā)工具中進(jìn)行至于代碼的調(diào)試以及效果的查看