![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Electron
文章平均质量分 93
crazy的蓝色梦想
小柒 爱前端
展开
-
构建Electron应用
前面的话Electron可以让我们使用web开发的技术去开发跨平台的桌面端应用,我们熟悉的VSCode编译器就是使用Electron开发的。这篇文章介绍如何将Electron接入webpack。主进程启动一个electron应用从一个主进程开始。主进程的启动通过一个JavaScript入口文件实现的。主进程启动后会一直驻留在后台运行,我们操作的窗口并不是主进程,而是由主进程新启动的窗口子......原创 2019-12-24 11:23:17 · 400 阅读 · 0 评论 -
4 / 14 electron 的主进程与渲染进程之间的区别
electron 简介electron是由GitHub开发,是一个用HTML、CSS、JavaScript来构建的桌面应用程序的开源库,可以打包为Mac、Windows、Linux系统下的应用。electron是一个运行时的环境,包含Node和Chromium 可以理解为把web应用运行在Node的环境中。结构electron运行package.json中的main字段就标明了主进程...原创 2020-04-14 10:50:48 · 1217 阅读 · 1 评论 -
Electron中实现`聊天机器人`功能
前面的话最近玩Electron,实现了一个聊天机器人功能,下面介绍该功能如何实现。项目接口调用的是图灵机器人的api。功能展现项目模块功能大致就是这样的:步骤第一步:注册并新建机器人然后获取APIKEY(官方文档)。TuringRobot 官方给出了详细的Web API-帮助中心 ,使用流程中包含注册账号,获取APIKEY,请求方式等详细信息,最初开发者在使用的时候不妨详细阅读此...原创 2020-03-19 22:13:22 · 771 阅读 · 1 评论 -
如何使用Electron实现一个托盘功能
前面的话我们身边有很多应用点击关闭按钮时,并不会真正的退出,而是隐藏到托盘。这篇文章介绍如何使用Electron实现一个托盘功能。如何创建当主进程监听关闭事件时,这时我们就可以开启托盘功能。我们需要使用Electron的两个模块Menu与Trayconst electron = require('electron');const Menu = electron.Menu;const T...原创 2020-03-18 17:56:26 · 3900 阅读 · 5 评论 -
Electron中如何配置快捷键Esc来退出全屏
前面的话最近做Electron项目, 想要实现按Esc键来退出全屏窗口的功能。需求如下:按Esc键退出全屏窗口:globalshortcut 模块Electron提供了全局快捷模块(global shortcut module),允许开发者捕获组合键并作出相应的反应。引用 globalshortcut模块在app.on(‘ready’, function() {})中注册...原创 2020-03-17 20:43:46 · 4477 阅读 · 4 评论 -
如何用electron-vue 创建Vue项目
前面的话如何使用Electron-vue来构建Vue项目呢?这篇文章小柒与大家一起来一步一步创建。 前提条件:node.js、vue/vue-cli、webpack、Electron都要有了解哦。用electron-vue 如何创建Vue项目通过下面这条命令,就可以创建一个electron-vue项目了。vue init simulatedgreg/electron-vue ele-vue...原创 2020-03-13 20:12:21 · 625 阅读 · 0 评论 -
Electron app模块
前面的话在Electron中主进程的app模块很重要,这里只列举一些常用的事件与方法:const {app, BrowserWindow} = require('electron');app模块是为了控制整个应用的生命周期设计的,可以通过app.on方法来监听Electron的整个生命周期中的事件。常用事件ready事件初始化时被触发,通过app.on(‘ready’, functi...原创 2020-03-12 19:18:00 · 2222 阅读 · 0 评论 -
Electron-vue架构解析分享
前面的话这段时间做一个关于electron-vue的项目,看到一系列架构解析的文章,分享一下。原文地址electron-vue架构解析原创 2020-01-17 21:33:38 · 440 阅读 · 0 评论 -
基于electron开发的本地音乐播放器
前面的话这几天基于electron、bootstrap以及原生js开发了一个简单本地的音乐播放器。这个小小的项目,小柒的收获不少:掌握electron核心:进程之间的通信bootstrap的基本使用巩固原生js的DOM操作、数组的原生方法(reduce、filter、map、find)等es6的语法合理的使用:比如class继承、箭头函数、扩展运算符等学习开发一个项目的整体流程、训...原创 2020-02-14 09:37:06 · 1162 阅读 · 0 评论 -
Electron核心:进程通信
什么是 electronelectron是使用JavaScript,HTMl和CSS构建的跨平台的桌面应用。很多应用都在使用electron,比如VSCode、GitHub Desktop等。主进程与渲染进程主进程:可以使用和系统对接的Electron API 创建菜单,上传文件等创建渲染进程全面支持Node.js只有一个,作为程序的入口点渲染进程:可以有多个,每个对应一...原创 2020-02-10 13:56:02 · 744 阅读 · 0 评论