文件保存后自动刷新微信小程序

Taste 发布于2019-06-28 10:16 / 1366人阅读

摘要：例如这段代码可以使用命令执行，效果就是聚焦微信开发者工具，然后发送刷新界面。这里的问题是我们还是需要每次刷新都要切换到微信开发者工具界面，这对于开发的流畅度还是有影响的。

微信开发者工具支持刷新和重建的快捷键，所以我们可以发送一段 apple script 脚本来达到刷新/重建项目的效果，
从而免去手工切换再使用快捷键的麻烦。例如：

tell application "wechatwebdevtools"
  activate
  delay 0.2
  tell application "System Events"
    key code {55, 15}
  end tell
end tell

这段代码可以使用命令 osascript 执行，效果就是聚焦微信开发者工具，然后发送 Command + R 刷新界面。

这里的问题是我们还是需要每次刷新都要切换到微信开发者工具界面，这对于开发的流畅度还是有影响的。

一个简单的解决办法就是修改开发者工具源码，让它支持全局快捷键，经过一番查找，找到了文件：
/Applications/wechatwebdevtools.app/Contents/Resources/app.nw/app/dist/common/menu/menu.js,
添加代码：

function registShortcut(key, onactive) {

  var option = {
    key : key,
    active : onactive,
    failed : function(msg) {
      // :(, fail to register the |key| or couldn"t parse the |key|.
      console.log(msg);
    }
  };

  // Create a shortcut with |option|.
  var shortcut = new nw.Shortcut(option);

  // Register global desktop shortcut, which can work without focus.
  nw.App.registerGlobalHotKey(shortcut);
}

以及

registShortcut("Command+Shift+R", function () {
  e.reload()
})
registShortcut("Command+Shift+B", function () {
  e.reBuild()
})

到 init 函数下面就可以让开发者工具支持全局刷新的热键了（Command+Shift+R 和 Command+Shift+B）,
完整文件下载

然后只需要让 vim 保存 wxss 和 wxml 文件后发送快捷键就可以了。使用一键安装命令：

curl https://raw.githubusercontent.com/chemzqm/vim-macos/master/autoload/macos.vim > ~/.vim/autoload/macos.vim

安装 vim-macos 插件, 然后在 ~/.vimrc 中配置：

autocmd BufWritePost *.wxml call macos#keycodes("command", "shift", "r")
autocmd BufWritePost *.wxss call macos#keycodes("command", "shift", "r")

大功告成。

(完)

GPU云服务器云服务器微信小程序微信小程序支付微信小程序部署微信小程序搭建

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/24880.html

微信小程序开发中的二三事之网易云信IMSDK DEMO

摘要：传统的网页编程采用的三剑客来实现，在微信小程序中同样有三剑客。观察者模式不难实现，重点是如何在微信小程序中搭配其特有的生命周期来使用。交互事件传统的事件传递类型有冒泡型与捕获型，微信小程序中自然也有。本文由作者邹永胜授权网易云社区发布。简介为了更好的展示我们即时通讯SDK强悍的能力，网易云信IM SDK微信小程序DEMO的开发就提上了日程。用产品的话说就是: 云信 IM 小程序 S...

weij 2019-06-28 11:05 评论0 收藏0
「轻算账」小程序实践笔记

摘要：资源开发文档是一套完全免费的微信小程序开发框架，扩展了小程序的能力。推荐有一些不错的解决方案封装封装跨页面事件通讯监听数据变化开发如何在微信小程序的页面间传递数据需要时可以快速过一遍。微信小程序回调，，，的使用例子供参考这篇文章主要记录我做小程序「轻算账」过程中遇到的一些问题和解决方案，就当是做个总结，也希望其中有能够帮助到他人的信息。 showImg(https://segment...

BigTomato 2019-08-23 13:45 评论0 收藏0
微信小程序集成 Jenkins

摘要：总结本文以微信小程序常规的发布流程为切入点，循序渐进地介绍了如何集成实现微信小程序预览上传功能。 showImg(https://raw.githubusercontent.com/yingye/Blog/master/images/wechat-jenkins.png); 本文首发于 https://github.com/yingye/Blo... ，欢迎各位关注我的Blog，正文以...

young.li 2019-08-23 11:41 评论0 收藏0