【折腾工具】如何用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日）！