【折腾工具】如何用vscode自动刷新小程序
2020/2/23 5:02:48
本文主要是介绍【折腾工具】如何用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日)!
这篇关于【折腾工具】如何用vscode自动刷新小程序的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2021-08-23微信小程序开发 —— 基础知识
- 2021-07-26小程序自定义标题栏写法(适配各种大小刘海屏)
- 2021-07-25小程序如何实现自定义tabBar
- 2021-07-25微信小程序如何在父组件中修改子组件的样式