Electron
GIS开发者
辽宁工程技术大学硕士研究生毕业,长期从事WebGIS、移动GIS开发工作,全栈 (前端、后端、Android、小程序、H5),现任某地理信息公司研发部经理,叩叩965894265
展开
-
Electron入门——开发环境搭建
Electron这个框架听起来非常的厉害,可以用JS开发跨平台的应用,最近也来试一试,如果真的像宣传的那样还是非常厉害的。网上的其他的搭建环境都是让全局安装electron和electron-prebuilt模块,这里楼主自己在局部搭建了一下,没有使用全局模块,运行命令也简化了,创建三个文件就可以了。首先在一个空的文件内,创建package.json文件{ "name": "elec...原创 2019-01-28 16:18:17 · 708 阅读 · 0 评论 -
Electron入门——菜单栏设置与右键菜单
菜单实现Electron框架中的顶部菜单栏有俩种实现方式1在主线程中实现const { app, Menu ,BrowserWindow} = require('electron');//设置菜单let dockMenu = Menu.buildFromTemplate([ { label: '文件', click: function () { ...原创 2019-01-28 17:41:50 · 14806 阅读 · 1 评论 -
Electron入门——配置热更新,编辑代码实时自动刷新
使用node.js做过vue或者ES6开发的人都知道,编辑代码后能自动刷新比自己每次都手动cmd窗口敲命令强多了。刚刚入门Electron开发,看网上这方面的资料比较少,参考了一下,自己配置一下,主要依赖于gulp监测文件变化实现。先安装模块npm install gulp --savenpm install electron-connect -save在项目内创建gulpfile...原创 2019-01-29 09:39:32 · 17739 阅读 · 4 评论 -
Electron入门——MessageBox使用方法
需要使用Electron的dialog弹出提示框,实现一点简单的确定取消操作,官方的API文档全英文的,比较难懂,这里自己实践一下。代码:const {dialog,shell,nativeImage} = require('electron'); dialog.showMessageBox({ type: "info",//图标类型 ...原创 2019-01-30 16:00:35 · 5756 阅读 · 0 评论 -
Electron入门——程序打包运行测试
使用Electron框架已经开发了一段时间了,想要将开发的结果打包运行一下。中间看了很多人的介绍,也错了很多次,最后终于成功了,希望写下来能帮助到其他的人。 目录结构网上有的人介绍需要把package.json文件拷贝到app里一份,不用拷贝的。 打包命令然后就是打包命令了,打包需要先安装electron-packager插件cnpm...原创 2019-03-01 11:09:30 · 1204 阅读 · 0 评论 -
Electron打包后报错处理
最近在测试Electron的打包后,发现运行打包后的exe文件时,总是弹出tcp拒绝连接的错误,错误详情如下:但是并不影响程序使用,调试工具出现这样的错误描述events.js:167 Uncaught Error: connect ECONNREFUSED 127.0.0.1:30080 at TCPConnectWrap.afterConnect [as oncomplet...原创 2019-03-04 14:12:25 · 2774 阅读 · 0 评论 -
Electron入门——代码压缩与打包exe文件
Electron学习即将告一段落,以后可能就没有时间做了,自己想做的东西也做出来了,最后也要有一个结尾,说一下Electron开发后程序的压缩与打包代码压缩代码压缩主要使用asar。压缩方法主要有两种,先node.js全局安装asar模块,然后运行前面博文中配置的packager命令,然后将在生成的文件夹resouser目录下运行asar打包命令 第二种就比较简洁了,直接在packa...原创 2019-03-15 17:37:35 · 2739 阅读 · 0 评论