vscode配置html页面自动刷新,【折腾工具】如何用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日)！

关于找一找教程网

本站文章仅代表作者观点，不代表本站立场，所有文章非营利性免费分享。

本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章，希望广大程序员努力学习，让我们用科技改变世界。

[【折腾工具】如何用vscode自动刷新小程序]http://www.zyiz.net/tech/detail-108898.html