摘要:electron-forge、electron-vue 打包命令 1、electron 中构建应用最常用的模块: 1、electron-packager 2、electron-builder electron-packager 和 electron-builder 在自己单独创建的应用用也可以完成打
阅读全文
摘要:electron应用操作数据的几种方法: 1、远程api接口 (多个客户端公用一套数据) * 2、连接远程数据库 (局域网内使用 多个客户端公用一套数据 ) (不建议使用) 3、连接本地数据库 (nedb sqlite) 应用本地保存数据(localstore 5M) 用户设置信息 qq聊天记录 e
阅读全文
摘要:myheader.vue <template> <div id="myHeader"> <div class="titlebtn"> <div class="min" @click="min"> <img src="../assets/min.png" alt=""></div> <div clas
阅读全文
摘要:文档:http://element-cn.eleme.io/#/zh-CN/component/installation 01、electron-vue中使用element-ui: 1.安装npm i element-ui -S 2、引入以及配置element-ui renderer/main.js
阅读全文
摘要:app.vue <template> <div id="app"> <div class="header"> <router-link to='home'>首页</router-link> <router-link to='news'>新闻</router-link> </div> <router-
阅读全文
摘要:npm install -g vue-cli vue init simulatedgreg/electron-vue my-project cd my-project yarn # or npm install yarn run dev # or npm run dev electron-vue 的
阅读全文
摘要:globalShortcart.js引入到主进程里 var { globalShortcut ,app} =require('electron'); app.on('ready',function(){ //注册全局快捷键 globalShortcut.register('ctrl+e',funct
阅读全文
摘要:ipcrender.js //h5通知api实现 // var path=require('path'); // var option={ // title:'electron 通知api', // body:'electron跨平台软件开发教程更新了,electron 通知', // icon:p
阅读全文
摘要:ipcmain.js var {Menu,shell,ipcMain,BrowserWindow,app} =require('electron'); var template = [ { label: '文件', submenu: [ { label: '新建', accelerator:"Ctr
阅读全文
摘要:ipcmain.js var {Menu,Tray,BrowserWindow,app}=require('electron'); var path=require('path'); var iconTray=new Tray(path.join(__dirname,'../static/lover
阅读全文
摘要:dialog 模块提供了 api 来展示原生的系统对话框,例如打开文件框,alert 框, 所以 web 应用可以给用户带来跟系统应用相同的体验。 dialog.js var {remote}=require('electron'); //https://electronjs.org/docs/ap
阅读全文
摘要:index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta
阅读全文
摘要:ipcmain.js var {ipcMain,BrowserWindow} =require('electron'); var path=require('path'); var win=null; //接收到广播 ipcMain.on('openWindow',function(event,ai
阅读全文
摘要:index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta
阅读全文
摘要:ipcmain.js var {ipcMain,BrowserWindow} =require('electron'); var path=require('path'); var win=null; //接收到广播 ipcMain.on('openWindow',function(){ //调用
阅读全文
摘要:有时候我们想在渲染进程中通过一个事件去执行主进程里面的方法。或者在渲染进程中通知 主进程处理事件,主进程处理完成后广播一个事件让渲染进程去处理一些事情。这个时候就 用到了主进程和渲染进程之间的相互通信。 Electron 主进程,和渲染进程的通信主要用到两个模块:ipcMain 和 ipcRende
阅读全文
摘要:顶部菜单 main/menu.js //创建菜单 /* var electron=require('electron'); var Menu=electron.Menu; vscode里面实现代码提示功能: 在当前项目安装一下 electron模块。 "dependencies": { "elect
阅读全文
摘要:Electron 主进程和渲染进程中的模块 Electron remote 模块 remote 模块提供了一种在渲染进程(网页)和主进程之间进行进程间通讯(IPC)的简便途 径。 Electron 中, 与 GUI 相关的模块(如 dialog, menu 等)只存在于主进程,而不在渲染进程中 。
阅读全文
摘要:新建render/index.js // html5拖放api:http://www.runoob.com/jsref/event-ondragover.html /* 释放目标时触发的事件: ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件 ondragover - 当某
阅读全文
摘要:一、Electron 运行的流程 二、Electron 主进程和渲染进程 主进程和渲染器进程: Electron 运行 package.json 的 main 脚本的进程被称为主进程。 在主进程中运行的脚 本通过创建 web 页面来展示用户界面。 一个 Electron 应用总是有且只有一个主进程。
阅读全文