官方的小程序開發工具使用起來非常難受, 尤其是長期使用 vim 插件的人, 使用任何 編輯器 或者 ide 必須先裝 vim 插件, 所以總結一些使用 vscode 編寫小程序可以提高效率的方法以及插件推薦.
插件推薦
minapp
minapp 這個插件能夠實現微信小程序標簽、屬性的智能補全, 和語法高亮, 不過要使用 < 去激活.
wechat-snippet
wechat-snippet 能夠提供了很多代碼片段, 比如使用 wx-page 會初始化Page對象和對應生命周期函數. 它提供了在 wxml 中直接使用標簽名生成標簽, 在 json 配置文件中提示代碼片段, 在 js 生成相關對象或函數的功能. 不過在 js 中要使用 wx- 前綴激活.
Auto Rename Tag
Auto Rename Tag 能夠實現在修改標簽時直接成對修改.
Path Autocomplete
Path Autocomplete 提供了自動完成路徑的功能, 這對小程序中導入資源路徑時十分方便.
Prettier - Code formatter
Prettier - Code formatter 用來格式化代碼, 它默認的縮進是 2, 如果想調整為 4, 可以在 用戶設置 中搜索 Prettier: Tab Width 進行設置.
保存自動編譯
如果要實現保存自動編譯, 首先要在小程序設置中找到 編輯 選項卡, 取消選中 修改文件時自動保存, 然后選中 保存時自動編譯小程序. 小程序設置好后, 打開 vscode 設置, 搜索 Files: Auto Save 設置 onFocusChange 失去焦點自動保存. 之后在編寫代碼時, 手動保存 或者 自動保存 就會觸發小程序開發工具的自動編譯.
.