转载来自:https://blog.csdn.net/qubernet/article/details/104395022 1、点击VSCode左侧的调试按钮 打开调试配置面板,然后点击“自定义运行和调试创建launch.json文件”,若出现选择下拉框,则选择“Node.js调试器”,没出现则不用管; 2、此时项目文件夹中的.vscode文件夹中就会多
为什么要做 Rubick 其实做 Rubick 1.x 的初衷就是解决自己的问题的:特别需要一款支持自定义插件的桌面端应用来简化使用者安装庞大桌面端应用的臃肿。而且涉及到数据安全的问题,插件只能在公司内网贡献,无法对外公开。 在 Rubick 2.0 的阶段,重新设计了一套基于 npm 的插件管理体系,让
1.clone electron-quick-start 1先 git clone https://github.com/electron/electron-quick-start.git 1.2 cd 进入项目 1.3 npm install (建议使用 cnpm 速度快太多) 1.4 npm start 正常启动 窗口 显示 … 这个步骤ok 2.vue项目 build 2.1.npm run build 2.2.将构建后dist
预览 electron . 打包exe electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules --electron-version 5.0.0 项目结构 参考 https://blog.csdn.net/lsmxx/artic
有好几个公众号发文说“微软要放弃Electron了”,实际情况是微软旗下的Teams产品打算把Electron框架换成WebView2而已。接下来我就聊一下这个事情: 微软不会放弃Electron 第一:Electron是GitHub的产品,GitHub是微软的子公司,WebView2是Edge团队的产品(是Edge的副产物),Edge团队是微
目录 前言 主进程 渲染进程 子进程 《Electron实战》系列-总览_liuzhen007的专栏-CSDN博客欢迎大家阅读 Data-Mining 的《Electron实战》专栏。这里简单的罗列一下专栏的文章目录,一方面方便大家阅读,另一方面可以快速的查找对应的文章。需要说明的是,本专栏会持续更新,不
最近在学习electron,写了一个remote的小demo,其中有这样一段代码: const BrowserWindow = require("electron").remote.BrowserWindow; 会报错,如下图: 然后去网上找了一些文章看了看貌似是版本的问题,我用的electron是@v16.0.4, 而remote在electron12的时候废弃了remote模块,所以需
这个问题的原因主要是因为实则了空的 menu, const contextMenu = Menu.buildFromTemplate([]); tray.setContextMenu(contextMenu); 如果想要点击效果,又不想要 menu菜单,不设置 menu,而不是设置为空数组,即去掉上面两行代码即可
PDF.js 是基于 HTML5 解析与渲染 PDF 的 JavaScript 库,由 Mozilla 主导开源。 本文旨在介绍 PDF.js 于 Electron 里如何开始使用,实际尝试了用其 API 或嵌入 HTML 的几种方式。 代码: https://github.com/ikuokuo/electron-pdf-viewer.git 从零准备项目 项目采用 Electron React
PDF.js 是基于 HTML5 解析与渲染 PDF 的 JavaScript 库,由 Mozilla 主导开源。 本文旨在介绍 PDF.js 于 Electron 里如何开始使用,实际尝试了用其 API 或嵌入 HTML 的几种方式。 代码: https://github.com/ikuokuo/electron-pdf-viewer.git 从零准备项目 项目采用 Electron Rea
Electron流程 Electron 继承了来自 Chromium 的多进程架构,这使得此框架在架构上非常相似于一个现代的网页浏览器 为什吗不是单一的进程 网页浏览器是个极其复杂的应用程序。 除了显示网页内容的主要能力之外,他们还有许多次要的职责,例如:管理众多窗口 ( 或 标签页 ) 和加载第三
本文项目基于 electron-vue 思路:在主线程单独开出一个打印的窗口(可以将该窗口隐藏),通过window的webcontent对象进行打印 项目地址 1. 主进程文件 main/index.js 'use strict' import path from 'path' import { app, BrowserWindow, ipcMain, Menu } from 'electron' const elec
别忘了设置npm淘宝源npm config set registry http://registry.npm.taobao.org/ npm config set electron_mirror="https://npm.taobao.org/mirrors/electron/" npm config set electron_builder_binaries_mirror="http://npm.taobao.org/mirrors/electron-builder-bin
C:\Users\chais>electron-forge init project1 √ Checking your system ? WARNING: The specified path: "C:\Users\chais\project1" is not empty, do you wish to continue? Yes √ Initializing Project Directory √ Initializing Git Repository √ Copyi
第一步拉进火绒安全工具进行分析 查看相关dll 进一步查看到日志路径 {UsersRoot}\AppData\Roaming\Typora\typora.log 按照吾爱上面的教程来看大佬是购买了正版 然后License进行查看分析 以下为搬运 1. 在报错log中发现 有app.asar 于是大佬进行解包 我下载了github上对应
yarn config set registry https://mirrors.huaweicloud.com/repository/npm/ yarn config set disturl https://mirrors.huaweicloud.com/nodejs/ yarn config set electron_mirror https://mirrors.huaweicloud.com/electron/ yarn config set registry https://registry.np
Electron 依赖报错问题 通常下载electron 依赖直接使用 npm install 下载会下载很慢或下载失败,就是改变成淘宝镜像或者使用cnpm有时也会下载不成功,虽然能够运行起来但打包运行 npm run build 还是会出现各种问题 解决方法: 打开cmd 输入: npm config edit 会打开配置文件 粘贴
electron-asar文件的编译和反编译 需要环境:npm 安装npm:sudo apt install npm安装asar:npm install asar编译命令:asar pack you-project app.asar反编译命令:asar extract app.asar ./myapp
electron版本:13 环境:win10 64位 起因: 新窗口引入了第三方iframe,第三方地址是不可控的,因为第三方注册了window.onbeforeunload事件导致窗口不能正常关闭。 解决方法: 开始是想在自己的页面写个 window.onbeforeunload 事件给重置掉iframe页面的事件,后来发现其他问题,就是
最近刚开始用 electron 做一个桌面小应用,里面用到了 net-ping 等包 然后就自然就发生了electron的版本和net-ping的 NODE_MODULE_VERSION 不一致的情况。 因为使用 npm rebuild --runtime=electron --target=16.0.0 --disturl=https://atom.io/download/atom-shell --abi=93 之
# electron + vue 打包linux应用报错记录 ## icon图标导致的报错 ```txt ⨯ unknown output format set github.com/develar/app-builder/pkg/icons.convertSingleFile /Volumes/data/Documents/app-builder/pkg/icons/icon-converter.go:305 github.com/develar/app
原因 最近碰有人问怎么查看主进程日志,简单写一下windows、mac如何启动了。主要是面向新手、老手自动滑过吧 启动方式 Windows 启动命令行 Powershell 或 CMD 进入到程序的安装目录。以XMind Zen 为例: #Powershell PS C:\Program Files\XMind ZEN> .\XMind.exe #CMD C:\Program Fi
背景:web项目迁移到Electron,原web项目中用了JQuery,迁移后运行,抛出Uncaught ReferenceError: $ is not defined Electron版本是15.3.0,参考了https://stackoverflow.com/questions/32621988/electron-jquery-is-not-defined 发现是这个原因: webPreferences: { // preload:
1.关于Electron Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。Electron通过将Chromium和Node.js合并到前端培训同一个运行时环境中,并将其打包为Mac,Windows和Linux系统下的应用来实现这一目的。 为了保持Electron的小巧 (文件体积)
IPC=inter-process communication=进程间通信 仍然以Electron读取本地文件并显示中的原始代码作为基础。 例子1 preload.js(渲染进程向主进程发送hello): const { ipcRenderer } = require('electron'); let sendMsgToMainProcess = (str) => { ipcRenderer.send("line1", s