在上一篇文章中，我们介绍了electron的一些基础知识， 入门Electron，手把手教你编写完整实用案例，在这里我们将基于这个项目继续介绍Electron的打包和自动更新。 生成图标 在打包应用之前，要为应用准备一个图标，作为安装包图标。不同的操作系统所需图标的格式不同，Mac对应的格式为icns
Electron 什么是electron Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入Chromium和 node到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。 简单来说能把你的
导读：准确来说，Electron并不算一个特别新的技术，奈何之前从未接触过。所以，当听说项目里面用到的时候，还是打算了解一下。 开头附上Electron社区网址，感兴趣的小伙伴们自行查看 https://www.electronjs.org/ Electron 是什么？ Electron是有Github开发的开源框架允许开发者使用Web
背景 经常我们要去看一些页面所发出的请求时，经常会用到 Charles 做为抓包工具来进行接口抓取，但一方面市面是很多抓包工具都是收费或者无法二次开发的。当前我们团队大多数用的也都是 Charles，但是对于一般新手来说，单纯想抓个包或者修改和接口返回数据，直接上手 Charles 不管配置成本
前言 对于前端同学来说，我们会经常用到各种小工具，比如：图床、颜色拾取、二维码生成器、url 管理、文本比对、json 格式化。当然我们可以 chrome 收藏夹来管理各种在线的小工具，但作为一个有追求的前端，我们不仅仅要自己用的爽，也可以将一些好用的工具给团队用，提高团队的研发效率。 所以
坑1_无框模式的窗口 自带的和开关窗口好丑，作为一个设计师绝对忍不了，于是乎自接写了一个窗口，但是不巧在下只懂一点点的js，给我累的，于是在各种地方寻找可以使用的无框关闭，顶设，最大化，最小化的方法，但是因为这个被坑了好多次，好家伙大家提供的方式都有一个弊端，一但窗口关闭了就会导
前言 前面我们一起了解了什么是Electron，了解了如何进行进程通信。 想要了解的可以点击移步第一篇 《教你一键开发桌面应用程序》与第二篇《Electron第二篇–进程通信》 接下来，让我们干点儿PC桌面应用程序该干的事儿。窗口操作、托盘设置、防应用多开等等…Electron提供了完整
Ubuntu 20.04 electron-ssr 0.2.6 首先下载安装 electron-ssr 链接: https://pan.baidu.com/s/1fyGZnF593PyiXTphKDbsww 提取码: 9ef8 安装 python2（必须要装） sudo apt install python python3 ubuntu20.04(electron-ssr-0.2.6) 安装以下库 sudo apt-get install libcan
背景 经常我们要去看一些页面所发出的请求时，经常会用到 Charles 做为抓包工具来进行接口抓取，但一方面市面是很多抓包工具都是收费或者无法二次开发的。当前我们团队大多数用的也都是 Charles，但是对于一般新手来说，单纯想抓个包或者修改和接口返回数据，直接上手 Charles 不管配
背景 经常我们要去看一些页面所发出的请求时，经常会用到 Charles 做为抓包工具来进行接口抓取，但一方面市面是很多抓包工具都是收费或者无法二次开发的。当前我们团队大多数用的也都是 Charles，但是对于一般新手来说，单纯想抓个包或者修改和接口返回数据，直接上手 Charles 不管配
vue create electron-vue-demo Vue CLI v4.5.13 ? Please pick a preset: Default ([Vue 2] babel, eslint) Default (Vue 3) ([Vue 3] babel, eslint) > Manually select features 选择自定义安装 Vue CLI v4.5.13 ? Please pick a preset: Manually select features ? Ch
1. BrowserWindow.addDevToolsExtension(path) 在 Electron 13 版本已移除，采用 session.defaultSession.loadExtension(path) 方式加载 2. 配置 import { session } from 'electron'; session.defaultSession.loadExtension(path.resolve(__dirname, `${__static}/vue-devtoo
在packgae.json文件中 { //其他内容省略 “build”:{ //打包时复制项目目录下的res中文文件到 打包后的exe所在目录的res文件夹中，文件夹下没有文件的话不会复制 "extraResources": { "from": "./res/", //默认打包到resources目录下 所以这里使用了../
1. react官网：https://react.docschina.org/docs/getting-started.html 2. 在jsx中嵌入表达式{}，可以防注入攻击。 3. react的函数组件和class组件：props都只读，不能直接修改（单向数据流）。 4. react+electron: 原理：先启动react，生成http://localhost:3000，在启动electron ,win.loadURL(
yarn add echarts src 中main.js 引入 import * as echarts from 'echarts' Vue.prototype.$echarts = echarts 页面代码 <template> <div id="main" style="width: 600px; height: 400px; margin-left: auto; margin-right: auto&quo
废话不多说，咱直接进入正题！ ## 创建 Electron 项目 ### 前提条件 > 在使用Electron进行开发之前，需要安装 Node.js。 要检查 Node.js 是否正确安装，请在您的终端输入以下命令： ```java node -v npm -v ``` ### 脚手架创建 > lectron 应用程序遵循与其他 Node.js 项目相同的结构
前言 这几天想搞个桌面软件玩玩，然后经过各种安装都靠不住，所以还是打算写一篇文章记录自己安装过程遇到的坑，需要对你有帮助。 教程开始 ps：请自行安装好vue环境 vue create my-electron cd 项目名称 我们使用 electron-builder插件 安装主要为了省事 vue add electron-bui
本文主要讲解在windows下安装Electron环境： 1、安装node.js 1）下载node.js安装包，网址https://nodejs.org/en/download/ ，选择对应系统版本下载 2）安装node.js,下一步就可以，这里不过多叙述 3）打开cmd验证node.js安装是否成功 4）环境变量配置 在node.js安装目录创建两个空文件夹 c
mkdir chapter1 cd chapter1 yarn init yarn config set ELECTRON_MIRROR https://cdn.npm.taobao.org/dist/electron/ yarn add electron@^8.1.0 --dev 新建页面index.html <html> <head> <meta charset="UTF-8"> <title>Hello
前言： 最近electron-vue项目中遇到打印功能,但是利用浏览器原生的打印功能(window.print())又无法预览打印界面，用户体验极差。后来偶然发现lodop这个神奇的web打印插件，通过把lodop打印插件整合到项目中,解决了问题。不足的是为此用户需要增加一步安装lodop.exe文件的操作。 先
什么是Electron简单的说Electron就是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架。 而这些应用程序可以打包后在 macOS、Windows 和 Linux 上直接运行使用。非常适合前端来做桌面应用开发。 一、Electron安装1. 电脑装上node.js之后安装electron2. 进入到el
1、index.html<!DOCTYPE html><html><head><meta charset="UTF-8"><meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline'"><title>Hello World!&l
1、index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline'"> <title>Hello Wo
1、index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline'"> <title>Hello Wo
本文由小千给大家分享Renderer Process API，首先Renderer API 主要包括 remote、Browser window proxy、desktop Capture Renderer Process API remote Browser Window Proxy desktop Capture1、remote (服务端对象)1.1 index.html<!DOCTYPE html><html><head><meta charset=&quo
