【转】使用electron开发,修改文件后如何做到自动刷新

摘要:
最近,我在使用Electron时遇到了这个问题。我查了很多数据,但没有找到解决方案。现在,您只能在终端输入命令,以便在修改后重新启动。HTML部分由CTRL+R手动刷新。有什么解决办法吗?找到一个解决方案,并使用Gulp来完成。gulpfile.jsvargulp=require;varelectron=require.server.create();大口大口;然后通过gulpwatch启动:电动。Like 8评论1alandi549于2017年12月30日发布。你不刷新快捷键吗?

转, 原文:https://segmentfault.com/q/1010000009419827#

------------------

平时写WEB页面,可以配合构建工具,让页面自动刷新,或者平时写node的时候用会类似forever这样的工具自动启动,而不用手动重新启动一遍。最近在用electron就遇到这个问题了,查了不少资料也没找到解决方法。现在只能是修改后,重新在终端输入命令让它重新启动,HTML部分手动通过CTRL+R刷新。

请问有什么解决方案吗?

找到解决方法了,用gulp来做的。

gulpfile.js

var gulp = require('gulp');
var electron = require('electron-connect').server.create();

gulp.task('watch:electron', function () {
  electron.start();
  gulp.watch(['./*.js'], electron.restart);
  gulp.watch(['./*.{html,js,css}'], electron.reload);
});

然后通过gulp watch:electron启动。

 

你不会刷新快捷键吗?ctrl+r就刷新啦

免责声明:文章转载自《【转】使用electron开发,修改文件后如何做到自动刷新》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇部署与管理ZooKeeper(转)SVN源码服务器搭建-详细教程下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vue项目使用electron打包成exe

1、环境准备 系统版本 windows 10 λ node -vv12.19.0 λ vue -V@vue/cli 4.5.7 λ npm -v6.14.8  2、将electron官方打包例子克隆下来 git clone https://github.com/electron/electron-quick-start 3、测试官方例子 安装c...

electron制作上位机软件篇(一):编译安装serialport

参考:https://blog.csdn.net/qq_25430563/article/details/87968837https://blog.csdn.net/weixin_36250061/article/details/103472978https://github.com/serialport/node-serialport/issues/17...

electron用默认浏览器打开链接的3种实现方式

在使用electron开发桌面程序的过程中,我们可能经常需要让electron程序中包含的链接在被点击后直接调用系统的默认浏览器打开,仔细看了文档的都知道其核心原理就是通过electron的shell模块中的openExternal方法来调用系统默认浏览器打开链接,但是对于其实现又有不同的方法,彻底的接管,选择性的接管,瞎 main介绍3中行之有效的方法。...

Electron学习笔记(十四)—— 常用api____dialog

https://www.electronjs.org/docs/api/dialog 对话框显示用于打开和保存文件、警报等的本机系统对话框。 在Electron的主线程上打开 const { dialog } = require('electron')console.log(dialog.showOpenDialog({ properties: ['ope...

Electron 自定义软件顶部菜单、右键菜单以及绑定快捷键

顶部菜单 main/menu.js //创建菜单/* var electron=require('electron'); var Menu=electron.Menu; vscode里面实现代码提示功能: 在当前项目安装一下 electron模块。 "dependencies": { "electron": "^...

Electron webview

Electron webviewhttp://www.ayqy.net/blog/electron-webview完全指南/ 一.webview标签 Electron提供了webview标签,用来嵌入Web页面: Display external web content in an isolated frame and process. 作用上类似于HTM...