如何在微信開發者工具中使用vim編輯模式

隨著雲端計算技術的發展特別是無服務化的發展，在業務系統的研發上，前端和後端的邊界逐步被打破。微信小程式便是這一方面的典型代表，特別是結合了騰訊Serverless雲開發的套件後，小程式融會貫通成為業務開發非常重要的載體。今年疫情期間，基於小程式開發的健康碼充分發揮了小程式這一方面的特點。小程式上手開發難度不高，基本都是基於Javascript生態構建，對於前端開發或者後端開發來說，無疑都是福音，讓大家真正的做一次全棧開發。

作為一名10多年的開發人員，vim是我最常使用的編輯器，但是在微信開發者工具中並沒有直接提供vim的開發模式。經過不斷的探索，終於發現微信開發者工具對VS Code外掛的相容模式，於是按照文件將VS Code vim外掛安裝在微信開發者工具中。果然，我熟悉的vim模式又回來了，這篇文章就為大家簡單分享一下。

在VS Code安裝vim外掛

首先在VS Code中安裝vim模擬器，如圖所示，我安裝的是1.18.5版本。我使用的是mac系統，安裝完成後，外掛會存放在使用者HOME目錄下的$
   HOME/.vscode/extensions/vscodevim.vim-1.18.5中。

在微信開發者工具安裝VS Code外掛

1、在微信開發者工具中點選“設定”->”擴充套件設定”

2、在開啟的視窗中選擇“編輯器自定義擴充套件”，因為我已經安裝過了，所以截圖中已經包含了vscode.vim外掛

3、點選上方的“開啟擴充套件資料夾”，此時會開啟微信開發者外掛目錄，而你要做的就是將vscode外掛拷貝過去。

但是由於從Finder中無法直接訪問隱藏目錄，先在左側選擇HOME目錄。

使用“前往資料夾”選項，填入.vscode/extensions。將
   .vscode/extensions/vscodevim.vim-1.18.5拷貝之剛才開啟的微信開發者工具的擴充套件目錄中。

4、重啟微信開發者工具後，就能在“編輯器自定義擴充套件”中看到vim外掛，啟動外掛後，再次退出重啟，此時編輯器裡已經可以使用vim模式了。