方式一:import{remote}from'electron'缩小:remote.getCurrentWindow().minimize();放大:remote.getCurrentWindow().maximize();判断是否处于最大化:remote.getCurrentWindow().isMaximized()恢复：remote.getCurrentWindow().restore();

环境win1064位npmconfiglist查看.npmrc文件的位置修改registry=https://registry.npm.taobao.orgelectron_mirror="https://npm.taobao.org/mirrors/electron/"或者直接npmconfigsetregistryhttps://registry.npm.taobao.org/npmconfi

vueinit是vue-cli2.x的初始化方式，可以使用github上面的一些模板来初始化项目webpack是官方推荐的标准模板名使用方式：vueinitwebpack项目名称electron-vue

Electron可以使用纯JS来创建桌面应用，使用Web页面作为GUI，相当于一个被JS控制的，精简版的Chromium浏览器。Electron基于Chromium和Node.js，所以使用之前需要搭建Node.js开发环境。安装方法安装Node.js，访问https://nodejs.org/en/download/下载最新版本的Node.js安装包。在安装过程中的配置界面，勾选Node.jsr

一：安装svg-sprite-loadernpminstallsvg-sprite-loader--save二：配置svg在webpack.renderer.config.js中，配置相关内容。path.resolve内的文件路径为svg图标存储位置，可参考vue-template-admin{test:/\.svg$/,loader:'svg-sprite-loader',include:[pa

在main/index.js中添加webPreferences:{webSecurity:false}

vueinitsimulatedgreg/electron-vuexx2、在创建过程中选择要下载的插件时,*代表选中,直接回车就行下载工具选中electron-builder3、进入项目cnpminstall4、在.electron-vue

第一步：配置环境安装Python2.7配置环境变量（官网下载）看网上说明必须是2.7版本，3不支持下载：https://www.python.org/downloads/配置环境变量：2.安装npminstall--global--productionwindows-build-tools3.安装node-gypnpminstall-gnode-gyp第二步：安装1.安装serialportnpm

从搭建开始使用的是electron-vue毕竟方便一点如果只想安装electron请参见我的另一个文章https://segmentfault.com/a/11...首先安装Electron:vueinitsimulatedgreg

框架选型使用electron-vue脚手架(这里也强烈推荐)，该脚手架包含Vue技术栈单页应用+electr

electron-vue框架开发时element-ui表格无法渲染的问题解决方案问题描述解决方案问题描述在使用github上集成的electron-vue框架开发项目时，引入了element-ui第三方模块

上次碰到白屏的问题，使用的是package命令去执行后出现的。然后换成build命令去执行，发现执行exe文件不会出现白屏的，程序正常。但是结合业务发现，build之后在build目录下存在一个unpackage的项目，意思就是未打包，而且打包之后的程序应该是双击即可打开的文件，而不是需要安装的文件，安装的话会产生对应的安装包，而package应该是在安装程序之后的，也就是先安装之后才会有pack

之所以选择Electron-Vue是因为，之前学习过Vue，但是一直没有在实际的工作中使用过，所以也为了vue实战，所以选择Electron-Vue，学习Electr

在使用Electron-vue时，经过一顿安装，在最后执行"npmrundev"的时候，出现了如下的错误：Electron-vueReferenceError:processisnotdefined这个错误的的出现最初认为是缺少包

参考PicGo搭建符合本公司需求的桌面应用开发模板已实现功能：1.单行命令即可生成可安装程序2.使用nsis构建安装向导3.实现文件的读写功能4.窗口的最小化按钮和关闭按钮以及标题栏自定义，不使用electron自身携带的原生标题栏5.窗口关闭保存到托盘6.托盘右键菜单有'关于本产品'...菜单7.使用说明可在独立窗口中打开，且是以本地pdf形式8.使用nsis制作安装向导，实现证书自动安装实现过

安装js-xlsx是一个简单的JavaScript插件，能够读取和写入Excel表格，功能强大，但是上手难度稍大，这里列举一些常用的用法，具体用法请参考js-xlsxyarnaddxlsx//或cnpminstall-savexlsxyarn安装方式npminstall-gyarncnpm安装方式npminstall-gcnpm--registry=https://registry.npm.tao

安装完成后，打开cmd输入node-v，会弹出node.js版本（安装成功）image第二步：安装vue-cli如果电脑里没有安装vue-cli，全局安装：npminstall-gvue-cli第三步：安装electron-vue

本文内容只适用于使用electron-vue模板生成的electron工程，相关配置也是围绕其进行。当然，使用vuecli3生成的electron工程也可参考。

场景描述构建pc客户端，采用electron-vue脚手架进行快速搭建环境。

近期研究electron打包桌面应用，只针对windows系统，遇上的一些问题总结及步骤创建项目或者迁移项目//创建项目vueinitsimulatedgreg/electron-vue'项目名称'//

从搭建开始使用的是electron-vue毕竟方便一点如果只想安装electron请参见我的另一个文章https://segmentfault.com/a/11...首先安装Electron:vueinitsimulatedgreg

今天呢，给大家带来一篇干货满满的electron-vue自动升级的教程，话不多说，开始我的表演!

vue-cli和脚手架样板代码npminstall-gvue-cli2、创建项目vueinitsimulatedgreg/electron-vuetest//vueinitsimulatedgreg/electron-vue

说明：本文的自动更新功能使用的项目为electron-vue脚手架搭建一个默认项目。

开个新坑玩下，如果新项目不赶的话应该会每周持续更新，断更就当我没说，(≧▽≦)/目前技术栈：electron、vue、elementui、koa主题：未定（金融类、图书类）首先是环境构建npminstall-gvue-clivueinitsimulatedgreg/electron-vuemy-projectcdmy-projectnpminstallnpmielement-ui-Snpmrund

本文来介绍下怎么使用electron-edge-js来调用C#动态链接库，由于是调用C#动态链接库，所以也只能在windows平台上使用，这一点需要注意在开始之前，同样需要安装node-gyp和windows-build-tools，具体安装方法请参照上一篇1.安装electron-edge-jsnpminstallelectron-edge-js--save2.准备C#dll文件dll文件请去g

electron功能很强大，但是有一些跟操作系统底层交互的功能，electron无法实现，这个时候我们就可以调用原生来配合完成对应功能，本文主要讲解在macOS平台下，调用C++的dylib文件在开始之前我们要安装1.node-gypnpminstallnode-gyp-g使用ffi-napi调用dll（c++）1.安装ffi-napi执行npminstallffi-napi--save2.准备C

electron官网对electron与nwjs的比较这里我选择了electron，因为很熟悉vue，就使用国人集成的electron-vue进行快速开发。本地数据库采用轻量嵌入型数据库s

使用electron和node-ffi开发的软件，项目常见问题总结了下技术栈electron//使用JavaScript,HTML和CSS构建跨平台的桌面应用electron-vue//基于vue(基本上是它听起来的样子

electronAPI对话框const{dialog}=require('electron')...dialog.showMessageBox({type:'info',title:'FoundUpdates',message:'Foundupdates,doyouwantupdatenow?',buttons:['Sure','No']},(buttonIndex)=>{if(buttonInd

electron-vue编码规范问题方法名、参数列表与方法体之间要有空格、属性名与属性值之间要有空格、不能有空格行

记录自己在electron-vue中遇到的一个问题main.js中引入element-ui常见的一个elementtable表格组件和button，但是table组件并没有渲染出,electron-vue

electron-vue的界面渲染目录(src/renderer/),，使用的是和vue-cli基本一致的目录结构，static目录路径也和vue-cli一致。

这是一个vue文件chainStore-->admin个人信息退出登录系统管理零售收银会员管理{{item}}exportdefault{data(){return{searchCriteria:'',breadcrumbItems:['导航一'],input:''}},methods:{handleIconClick(ev){console.log(ev)},handleSelect(key,k

electron功能很强大，但是有一些跟操作系统底层交互的功能，electron无法实现，这个时候我们就可以调用原生来配合完成对应功能，本文主要讲解在windows平台下，调用C++的dll文件在开始之前我们要安装1.node-gypnpminstallnode-gyp-g2.windows-build-toolsnpminstallwindows-build-tools-g这里需要确定的是pyt

前边几篇文章介绍了一些基本用法，最终都是要打包成可执行应用程序的，今天我们就讲讲怎么打包1.设置应用appId在package.json中增加"appId":"com.ipp.electronvue",2.增加vue.config.js这个文件是用来配置打包工具electron-builder的参数，代码中有对应的注释，按照对应的配置修改为自己的图标就好。module.exports={//第三方

前几篇文章，我们介绍了一些开发中经常用到的功能，这篇文章我们主要是讲解下怎么发送系统通知，设置托盘1.系统通知其实Electron的系统通知比较简单，是用HTML5的Notification实现的，但是在这儿需要注意的是，windows平台发送通知是需要为程序设置appId（下一篇文章我们讲解下Electron怎么打包，怎么设置应用程序图标）。通知一共有两种调用方式HTML5Notificatio

还有怎么打开一个新页面前三篇文章传送门electron-vue跨平台桌面应用开发实战教程（一）——HelloWorldelectron-vue跨平台桌面应用开发实战教程（二）——主进程常用配置electron-vue

前边两篇文字简单介绍了一下怎么搭建electron-vue项目，主进程的基本配置，主进程和渲染进程之间的通讯。本文我们主要来讲解下如何动态的修改窗口大小。

在上一篇文章中我们搭建了一个electron和vue集成的项目，本文主要是对electron的background.js也就是主进程做下介绍，同时也介绍下渲染进程。electron主要分为主进程（background.js）、渲染进程（也就是vue开发的页面）和GPU进程等，但是我们主要使用的就是主进程和渲染进程，其他进程暂时不做深入研究。主进程：一个应用中有且只有一个主进程创建窗口等所有系统事件

在electron-vue中，使用vuex，调用this.

解决方法在electron-vue的描述文档中有一段关于白名单的说明，如下：白名单里的外部组件一个关于此配置的重要的事情是，你可以将特

前言最近想试试electron-vue，查考了一位大咖的开源项目，发现运行需要easy-mock。本想在本地部署easy-mock，但是看都那一堆环境要求头有点大，于是就想到了docker。

开个新坑玩下，如果新项目不赶的话应该会每周持续更新，断更就当我没说，(≧▽≦)/目前技术栈：electron、vue、elementui、koa主题：未定（金融类、图书类）首先是环境构建npminstall-gvue-clivueinitsimulatedgreg/electron-vuemy-projectcdmy-projectnpminstallnpmielement-ui-Snpmrund

本文来介绍下怎么使用electron-edge-js来调用C#动态链接库，由于是调用C#动态链接库，所以也只能在windows平台上使用，这一点需要注意在开始之前，同样需要安装node-gyp和windows-build-tools，具体安装方法请参照上一篇1.安装electron-edge-jsnpminstallelectron-edge-js--save2.准备C#dll文件dll文件请去g

本文来介绍下怎么使用electron-edge-js来调用C#动态链接库，由于是调用C#动态链接库，所以也只能在windows平台上使用，这一点需要注意在开始之前，同样需要安装node-gyp和windows-build-tools，具体安装方法请参照上一篇1.安装electron-edge-jsnpminstallelectron-edge-js--save2.准备C#dll文件dll文件请去g

安装highchartsnpminstall--savehighchartshttps://github.com/highcharts/highcharts安装vue-highchartsnpmi-Svue-highchartshttps://github.com/weizhenye/vue-highchartsmain.js中引入importVuefrom'vue';importVueHighc

单个数据库使用安装nedb数据库cnpminstallnedb--save新建一个src/renderer/datastore.jsimportDatastorefrom'nedb'importpathfrom'path'import{remote}from'electron'exportdefaultnewDatastore({autoload:true,filename:path.join(r

electron-builder打包报错参考：https://blog.csdn.net/bailong1/article/details/78657605githubrelease发布手动发布参考：https://blog.csdn.net/Eggy2015/article/details/52138751ci发布参考：https://blog.sigoden.com/build-and-pub

它是一款用Electron-vue开发的软件，可以支持微博，七牛云，腾讯云COS，又拍云，GitHub，阿里云OSS，SM.MS，imgur等8种常用图床