VS 編輯器開發小程序,推薦的幾款插件

使用vscode提高小程序開發效率

不知道大家開發小程序是用什麼工具,如果是微信自帶的開發者工具,相信我,看了這篇文章,你會重新做出選擇的。

之前一段時間,我也一直使用微信開發者工具進行小程序的開發與調試,但是用過的就會有這種體會:

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

在這裏插入圖片描述
因此,爲了解決這些個問題,果斷更換開發工具,這裏推薦大家使用號稱「宇宙第一IDE」的編輯器——vscode。安裝方法不作贅述,主要介紹一下幾個vscode插件,在vscode中搜索插件關鍵字點擊安裝即可。

1. minapp

支持微信小程序標籤、屬性的智能補全,並且提示中包含文檔內容(同時支持原生小程序、mpvue 和 wepy 框架,並提供 snippets)。

在這裏插入圖片描述

2. wechat-snippet

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

在這裏插入圖片描述

3. wxml

這款插件用於將wxml代碼進行高亮顯示,並且提供代碼格式化的功能,可將代碼格式化爲較易閱讀的樣式。

在這裏插入圖片描述

4. Easy WXLESS

在這裏插入圖片描述

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

在這裏插入圖片描述