早就聽說vscode（Visual Studio Code）開發(fā)小程序很爽，沒有原生的那種卡頓（莫名黑屏啥的）。
然后我也試了一下，然后打開項目后月幌，我傻眼了。
vscode文件目錄
黑人問號臉
層次結(jié)構(gòu)也太不明顯了吧悬蔽，看的我難受扯躺。
不信你來看看微信小程序原生開發(fā)工具，至少看著比你這舒服啊蝎困。
小程序原生開發(fā)工具文件目錄
然后就去找能不能有什么設(shè)置或者插件能解決這個問題录语。
功夫不負有心人，找到了vscode-icons這個插件难衰。
步驟如下：
-
下載插件：
vscode-icons -
打開文件圖片主題設(shè)置：
打開文件圖片主題設(shè)置 -
選擇
vscode-icons
設(shè)置使用vscode-icons
我們再來康康钦无。
使用了vscode-icons文件圖片主題的文件目錄
哈哈哈。
開心
可以愉快的玩耍了盖袭。
接下來為了更好的使用vscode開發(fā)小程序失暂，再推薦幾個插件。
| 插件名稱 | 簡介 | 推薦指數(shù) |
|---|---|---|
| minapp | 微信小程序標(biāo)簽鳄虱、屬性的智能補全（同時支持原生小程序弟塞、mpvue 和 wepy 框架，并提供 snippets） | 5星 |
| wechat-snippet | 微信小程序代碼輔助,代碼片段自動完成 | 5星 |
| wxml | 微信小程序wxml格式化以及高亮組件(高度自定義) | 5星 |
