Electron
关注
分享
扫一扫
Mickey_于浩
————————Mickey mouse
展开
-
【Electron】 Electron 开发桌面应用（一） 编写→运行→打包
一. 准备工作1. 首先，我们要安装electron-prebuilt，它是一个npm模块，因此我们可以使用Npm来进行安装，它是一个electron的预编译版本。npm install -g electron-prebuilt2.接下来安装electron-packager ，它也是一个npm模块，是一个用于打包electron应用的工具，具体使用方法我们稍后会详细说明...原创 2018-03-09 11:57:33 · 19418 阅读 · 3 评论 -
【Electron】 使用Grunt打包Electron,生成exe的安装包
上一篇文章【Electron】 Electron 开发桌面应用（一） 编写→运行→打包 我们已经得到了electron打包好的应用了，目录如下，但是我们如何整合成一个安装程序，发给客户使用呢？我们可以使用grunt-electron-installer来生成一. 准备 安装grunt-electron-installer。 1. 我们进入到HelloWorld-win32-x64的父级...原创 2018-03-09 13:44:06 · 7283 阅读 · 11 评论 -
【Electron】 NSIS 打包 Electron 生成exe安装包
上一篇文章【Electron】 Electron 开发桌面应用（一） 编写→运行→打包我们已经得到了electron打包好的应用了，目录如下，但是我们如何整合成一个安装程序，发给客户使用呢？这一篇文章我们使用NSIS来打包Electron安装程序NSIS操作简单，而且打包出来的安装包，安装过程和卸载过程都更加正规。推荐使用一. 准备 1.下载NSIS软件，安装 NSIS中文版...原创 2018-03-09 14:42:00 · 23184 阅读 · 12 评论 -
【Electron】Electron 系统托盘图标/任务通知栏图标/右下角图标
QQ启动时，右下角会有企鹅的小图标。使用Electron可以通过下面的方法实现这种效果1.这是我们项目的目录结构2.打开main.js ，目前我的main.js 是这样的：const {app, BrowserWindow} = require('electron'); let win; let windowConfig = { width:800, height:...原创 2018-03-13 12:01:09 · 33220 阅读 · 6 评论 -
【ELectron】electron应用任务栏图标闪烁提醒
1.在Electron应用中，设置应用任务栏图标的方法很简单，只需要在main.js加入以下代码：const electron = require('electron');const Tray = electron.Tray;//系统托盘图标目录 trayIcon = path.join(__dirname, 'app');//app是选取的目录 appTray = new Tray(...原创 2018-03-13 15:09:28 · 13419 阅读 · 3 评论 -
【Electron】Electron 如何通信，把消息发送到main.js
在Electron应用中，实现页面与main.js直接的通讯很方便，我使用的方法是：1. 在main.js中加入一下代码：const ipc = require('electron').ipcMain;//接收ipc.on('news',function() { //news 是自定义的命令 ，只要与页面发过来的命令名字统一就可以 //接收到消息后的执行程序})2. 在我们页面需要接...原创 2018-03-13 15:21:26 · 9520 阅读 · 0 评论 -
【Electron】Electron开发中，与部分jQuery/angularjs/vuejs等外链冲突的问题
在Electron开发桌面应用中，之前的angularjs项目使用了websocket重连的方法，通过<script>引入进来，但是在Electron上运行的时候，会报错！后来找到一片说明的文档，是因为有冲突解决办法：<html><script>if (typeof module === 'object') {window.module = module;...原创 2018-03-27 09:48:33 · 1924 阅读 · 0 评论