Electron 基于 Chromium 和 Node.js, 让你可以使用 HTML, CSS 和 JavaScript 构建应用。 开源 Electron 是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的。Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 你可以把它看作一个专注于桌面应用的 Node. js 的变体，而不是 Web 服务器。
什么是Electron简单的说Electron就是一个能让你使用JavaScript,HTML和CSS来创建桌面应用程序的框架。而这些应用程序可以打包后在macOS、Windows和Linux上直接运行使用。非常适合前端来做桌面应用开发。 一、Electron安装1.电脑装上node.js之后安装electron2.进入到el
1、index.html<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metahttp-equiv="Content-Security-Policy"content="script-src'self''unsafe-inline'"><title>HelloWo
mkdirchapter1cdchapter1yarninityarnconfigsetELECTRON_MIRRORhttps://cdn.npm.taobao.org/dist/electron/yarnaddelectron@^8.1.0--dev 新建页面index.html<html><head><metacharset="UTF-8"><title>Hello
在packgae.json文件中{//其他内容省略“build”:{//打包时复制项目目录下的res中文文件到打包后的exe所在目录的res文件夹中，文件夹下没有文件的话不会复制"extraResources":{"from":".es/",//默认打包到resources目录下所以这里使用了../
背景经常我们要去看一些页面所发出的请求时，经常会用到Charles做为抓包工具来进行接口抓取，但一方面市面是很多抓包工具都是收费或者无法二次开发的。当前我们团队大多数用的也都是Charles，但是对于一般新手来说，单纯想抓个包或者修改和接口返回数据，直接上手Charles不管配
前言前面我们一起了解了什么是Electron，了解了如何进行进程通信。想要了解的可以点击移步第一篇《教你一键开发桌面应用程序》与第二篇《Electron第二篇–进程通信》接下来，让我们干点儿PC桌面应用程序该干的事儿。窗口操作、托盘设置、防应用多开等等…Electron提供了完整
废话不多说，咱直接进入正题！##创建Electron项目###前提条件>在使用Electron进行开发之前，需要安装Node.js。要检查Node.js是否正确安装，请在您的终端输入以下命令：```javanode-vnpm-v```###脚手架创建>lectron应用程序遵循与其他Node.js项目相同的结构
本文由小千给大家分享RendererProcessAPI，首先RendererAPI主要包括 remote、Browserwindowproxy、desktopCapture RendererProcessAPIremoteBrowserWindowProxydesktopCapture1、remote(服务端对象)1.1index.html<!DOCTYPEhtml><html><head><metacharset=&quo
前言对于前端同学来说，我们会经常用到各种小工具，比如：图床、颜色拾取、二维码生成器、url管理、文本比对、json格式化。当然我们可以chrome收藏夹来管理各种在线的小工具，但作为一个有追求的前端，我们不仅仅要自己用的爽，也可以将一些好用的工具给团队用，提高团队的研发效率。所以
1.react官网：https:/eact.docschina.org/docs/getting-started.html2.在jsx中嵌入表达式{}，可以防注入攻击。3.react的函数组件和class组件：props都只读，不能直接修改（单向数据流）。4.react+electron:原理：先启动react，生成http://localhost:3000，在启动electron,win.loadURL(
vuecreateelectron-vue-demoVueCLIv4.5.13?Pleasepickapreset:Default([Vue2]babel,eslint)Default(Vue3)([Vue3]babel,eslint)>Manuallyselectfeatures选择自定义安装VueCLIv4.5.13?Pleasepickapreset:Manuallyselectfeatures?Ch
Electron什么是electronElectron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入Chromium和node到二进制的Electron允许您保持一个JavaScript代码代码库并创建在Windows上运行的跨平台应用macOS和Linux——不需要本地开发经验。简单来说能把你的
前言：最近electron-vue项目中遇到打印功能,但是利用浏览器原生的打印功能(window.print())又无法预览打印界面，用户体验极差。后来偶然发现lodop这个神奇的web打印插件，通过把lodop打印插件整合到项目中,解决了问题。不足的是为此用户需要增加一步安装lodop.exe文件的操作。先
1. BrowserWindow.addDevToolsExtension(path)在 Electron13版本已移除，采用 session.defaultSession.loadExtension(path)方式加载2.配置import{session}from'electron';session.defaultSession.loadExtension(path.resolve(__dirname,`${__static}/vue-devtoo
背景经常我们要去看一些页面所发出的请求时，经常会用到Charles做为抓包工具来进行接口抓取，但一方面市面是很多抓包工具都是收费或者无法二次开发的。当前我们团队大多数用的也都是Charles，但是对于一般新手来说，单纯想抓个包或者修改和接口返回数据，直接上手Charles不管配置成本
坑1_无框模式的窗口自带的和开关窗口好丑，作为一个设计师绝对忍不了，于是乎自接写了一个窗口，但是不巧在下只懂一点点的js，给我累的，于是在各种地方寻找可以使用的无框关闭，顶设，最大化，最小化的方法，但是因为这个被坑了好多次，好家伙大家提供的方式都有一个弊端，一但窗口关闭了就会导
前言这几天想搞个桌面软件玩玩，然后经过各种安装都靠不住，所以还是打算写一篇文章记录自己安装过程遇到的坑，需要对你有帮助。教程开始ps：请自行安装好vue环境vuecreatemy-electroncd项目名称我们使用electron-builder插件安装主要为了省事vueaddelectron-bui
导读：准确来说，Electron并不算一个特别新的技术，奈何之前从未接触过。所以，当听说项目里面用到的时候，还是打算了解一下。开头附上Electron社区网址，感兴趣的小伙伴们自行查看https://www.electronjs.org/Electron是什么？Electron是有Github开发的开源框架允许开发者使用Web
在上一篇文章中，我们介绍了electron的一些基础知识，入门Electron，手把手教你编写完整实用案例，在这里我们将基于这个项目继续介绍Electron的打包和自动更新。生成图标在打包应用之前，要为应用准备一个图标，作为安装包图标。不同的操作系统所需图标的格式不同，Mac对应的格式为icns
Ubuntu20.04electron-ssr0.2.6首先下载安装electron-ssr链接:https://pan.baidu.com/s/1fyGZnF593PyiXTphKDbsww提取码:9ef8安装python2（必须要装）sudoaptinstallpythonpython3ubuntu20.04(electron-ssr-0.2.6)安装以下库sudoapt-getinstalllibcan
背景经常我们要去看一些页面所发出的请求时，经常会用到Charles做为抓包工具来进行接口抓取，但一方面市面是很多抓包工具都是收费或者无法二次开发的。当前我们团队大多数用的也都是Charles，但是对于一般新手来说，单纯想抓个包或者修改和接口返回数据，直接上手Charles不管配
1、index.html<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metahttp-equiv="Content-Security-Policy"content="script-src'self''unsafe-inline'"><title>HelloWo
yarnaddechartssrc中main.js引入import*asechartsfrom'echarts'Vue.prototype.$echarts=echarts页面代码<template><divid="main"style="width:600px;height:400px;margin-left:auto;margin-right:auto&quo
本文主要讲解在windows下安装Electron环境：1、安装node.js1）下载node.js安装包，网址https:/odejs.org/en/download/，选择对应系统版本下载2）安装node.js,下一步就可以，这里不过多叙述3）打开cmd验证node.js安装是否成功4）环境变量配置在node.js安装目录创建两个空文件夹c
1.前言本节主要讲述Electron的环境搭建以及如何快速创建一个应用2.环境搭建(1)安装node.js(2)创建项目目录，初始化配置文件//进入项目目录并在此目录打开cmd窗口执行以下代码npminit//按照后续的提示填写项目名称，作者等信息(3)定义npm脚本命令和入口js文件在script
1、安装node官网Node下载进行安装.2、安装vue-cli#install可以缩写为inpmi-gvue-cli安装完成后可以通过输命令查看安装的版本$vue-V2.9.63、安装electron-vue脚手架：vueinitsimulatedgreg/electron-vuemy-project由于此脚手架很久没有更新，使用的elec
目录问题解决PS:《Electron实战》系列-总览 问题Electron渲染进程经常会需要引入一些Electron功能模块，比如remote、electron等，有时在导入的时候，会遇到报require()isnotundefined的问题。类似报错信息如下：解决需要我们在创建渲染窗口的时候，允许集成node.js功能，即n
在WebStorm中启动electron项目主要有两种方式，外部命令和脚本，下面分别介绍这两种方法。方法一：externtools打开file—>setting–>tools—>externaltools添加ok后需要重启webstorm在右键菜单才会有externaltools选项。然后在项目代码中任意一个文件右键用electron启动即可。方
在使用electron-builder生成安装包时，通过配置nsis的参数来自定义安装包样式；其中nsis提供了两个字段InstallerSidebar和UnInstallerSideBar用来标识显示在安装完毕界面以及开始卸载界面的图片，这两个字段的值是字符串格式，指向图像所在的位置；其中要求图片格式为bmp格式文件，
Electron教程（2）启动过程：主进程，渲染进程是什么前言最近自己有个小的需求，是做一个能编辑本地特定文本的工具，需要跨平台，Windows和macOS，这样，如果用原生开发的话，Windows就要用c#macOS就要用swift，学习成本高，并且学完用处也不是很大。我本身是前端开发的，发现了这个elect
