小柒的前端之旅

前面的话Electron可以让我们使用web开发的技术去开发跨平台的桌面端应用，我们熟悉的VSCode编译器就是使用Electron开发的。这篇文章介绍如何将Electron接入webpack。主进程启动一个electron应用从一个主进程开始。主进程的启动通过一个JavaScript入口文件实现的。主进程启动后会一直驻留在后台运行，我们操作的窗口并不是主进程，而是由主进程新启动的窗口子......

electron 简介electron是由GitHub开发，是一个用HTML、CSS、JavaScript来构建的桌面应用程序的开源库，可以打包为Mac、Windows、Linux系统下的应用。electron是一个运行时的环境，包含Node和Chromium 可以理解为把web应用运行在Node的环境中。结构electron运行package.json中的main字段就标明了主进程...

前面的话最近玩Electron，实现了一个聊天机器人功能，下面介绍该功能如何实现。项目接口调用的是图灵机器人的api。功能展现项目模块功能大致就是这样的：步骤第一步：注册并新建机器人然后获取APIKEY（官方文档）。TuringRobot 官方给出了详细的Web API-帮助中心 ，使用流程中包含注册账号，获取APIKEY，请求方式等详细信息，最初开发者在使用的时候不妨详细阅读此...

前面的话我们身边有很多应用点击关闭按钮时，并不会真正的退出，而是隐藏到托盘。这篇文章介绍如何使用Electron实现一个托盘功能。如何创建当主进程监听关闭事件时，这时我们就可以开启托盘功能。我们需要使用Electron的两个模块Menu与Trayconst electron = require('electron');const Menu = electron.Menu;const T...

前面的话最近做Electron项目， 想要实现按Esc键来退出全屏窗口的功能。需求如下：按Esc键退出全屏窗口：globalshortcut 模块Electron提供了全局快捷模块（global shortcut module），允许开发者捕获组合键并作出相应的反应。引用 globalshortcut模块在app.on(‘ready’, function() {})中注册...

前面的话如何使用Electron-vue来构建Vue项目呢？这篇文章小柒与大家一起来一步一步创建。 前提条件：node.js、vue/vue-cli、webpack、Electron都要有了解哦。用electron-vue 如何创建Vue项目通过下面这条命令，就可以创建一个electron-vue项目了。vue init simulatedgreg/electron-vue ele-vue...

前面的话在Electron中主进程的app模块很重要，这里只列举一些常用的事件与方法：const {app, BrowserWindow} = require('electron');app模块是为了控制整个应用的生命周期设计的，可以通过app.on方法来监听Electron的整个生命周期中的事件。常用事件ready事件初始化时被触发，通过app.on(‘ready’, functi...

前面的话这段时间做一个关于electron-vue的项目，看到一系列架构解析的文章，分享一下。原文地址electron-vue架构解析

前面的话这几天基于electron、bootstrap以及原生js开发了一个简单本地的音乐播放器。这个小小的项目，小柒的收获不少：掌握electron核心：进程之间的通信bootstrap的基本使用巩固原生js的DOM操作、数组的原生方法（reduce、filter、map、find）等es6的语法合理的使用：比如class继承、箭头函数、扩展运算符等学习开发一个项目的整体流程、训...

什么是 electronelectron是使用JavaScript，HTMl和CSS构建的跨平台的桌面应用。很多应用都在使用electron，比如VSCode、GitHub Desktop等。主进程与渲染进程主进程：可以使用和系统对接的Electron API 创建菜单，上传文件等创建渲染进程全面支持Node.js只有一个，作为程序的入口点渲染进程：可以有多个，每个对应一...