【折騰工具】如何用vscode自動刷新小程序

我歷來不是個標題黨，標題永遠這麼樸實無華。

微信開發者工具更新到如今，已經很好用了，可是依然很卡。不是說運行慢，而是以爲不夠絲滑，至少在編輯器方面仍是被vscode吊打的。我曾經從sublime轉戰到atom，後來入坑vscode，就再也沒轉移過陣地了。

vscode的優點，就是插件太全面了。無論你如何不喜歡微軟，但不得不認可，vs是用戶羣超級龐大的一款開發工具，vscode依然如此。用戶多了，插件天然就全了，那麼今天咱們須要用到的核心插件，就是Run on Save。

思路

思路很簡單：vscode保存後觸發自動執行某個命令，這個命令運行了一個AppleScript腳本，腳本里告訴目標App也就是開發者工具，該作什麼。

插件介紹

這款插件可讓你在保存某些特定後綴文件的時候，自動執行一個命令。安裝插件之後，在vscode的設置裏，選擇編輯settings.json文件，將

"emeraldwalk.runonsave": {
        "commands": [
            {
                "match": ".wxss",
                "isAsync": true,
                "cmd": "osascript ~/develop/preview.scpt"
            },
            {
                "match": ".wxml",
                "isAsync": true,
                "cmd": "osascript ~/develop/preview.scpt"
            },
            {
                "match": ".js",
                "isAsync": true,
                "cmd": "osascript ~/develop/preview.scpt"
            }
        ]
    }

這段代碼直接貼進去，isAsync我也沒懂啥意思，cmd就是你要執行的命令了，match能夠配置你須要的文件後綴名。

友情提示：在vscode的command palette裏，能夠快速開關這個插件，方便你作其餘項目的時候，禁用插件。

AppleScript腳本

這玩意是個很是冷門的神器，若是你是這方面大神，你的Mac確定已經被你調教的服服貼貼，然而我，可能還包括看帖子的你，都是小白。因此我直接貼教程，最核心的部分參考了這篇，若是你想觸類旁通，再推薦另一篇。隨便翻翻基本上就夠用了，尤爲是前者。

AppleScript代碼居然不能直接粘貼，貼圖片吧，只有寥寥幾行。

小夥伴們趕快跑起來吧！實測有效（2020年02月22日）！