ELECTRON

首页 > TAG信息列表 > ELECTRON

博客助手bloghelper源码研究(2):测试与调试

参考: jest快速入门及实践教程使用Jest进行单元测试 TypeScript Jest 调试 Jest 基础使用用vscode进行jest单元测试并调试代码使用VSCode调试Electron vscode中点击运行和调试，编辑launch.json文件写入内容: { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有

Electron学习（一）

1. 什么是Electron: Electron是使用HTML、JavaScript和CSS构建的跨平台桌面应用程序。 2. 特点及优势: web技术：基于Chromium、Node.js 跨平台：Electron兼容Mac、Windows和Linux 开源：众多贡献者组成活跃社区共同维护的开源项目 3. 需要掌握的知识 HTML、JavaScript、CSS的基础知

Electron 打包vue 桌面应用：eosforce github代码编译遇到很多问题

eosforce/wallet-desktop: eos force 桌面钱包https://github.com/eosforce/wallet-desktop 要会的知识永久使用淘宝镜像代理 npm config set registry https://registry.npm.taobao.org 验证是否设置成功 npm info express 恢复使用 npm config set registry https://registry

electron本地存储和Log位置

electron-store: https://electronjs.org/docs/api/app#appgetpathname app.getPath(name)-储存你应用程序设置文件的文件夹，默认是 appData 文件夹附加应用的名称。 appData-当前用户的应用数据文件夹，默认对应： %APPDATA% Windows 中$XDG_CONFIG_HOME or ~/.config Linux 中~

electron项目icon显示异常

前情公司有个桌面端项目是基于Electron开发的。坑构建打包好的项目在桌面和任务栏上图标显示正常，但是在任务栏弹框上左上角的图标确不显示 Why? 经过反复搜索，网上有文章说如果ico图标过大会导致这类问题，于是看了下我项目中ico图标大小，吓一跳，竟然有210K，而源png只有20K 解决方

ubuntu下安装 electron时报 Cannot read property 'insert' of undefined

npm ERR! Cannot read property 'insert' of undefined npm ERR! A complete log of this run can be found in:npm ERR! /home/jbjiang/.npm/_logs/2022-08-12T02_44_16_135Z-debug-0.log 问题原因没有使用root权限。调用npm install 权限不足导致的解决方法 sud

如何使electron打包时使用另外一个路由

问题描述 electron使用react全家桶写的项目,想打开一个另外窗口,如设置界面.我们已经写在另外一个路由下,如/settings路由在开发环境下我们可以直接使用,如下显示,基本没有问题 mainWindow.loadURL('http://localhost:8888/#/settings') 可是在打包时候,我们打包后生成的静态

electorn 入门构建开源播放器

1, 安装 npm http://nodejs.cn/download/ 下载安装对应版本的，这里是 node-v16.16.0-win-x64.zip 2,全局安装cnpmnpm install cnpm -g --registry=http://registry.npm.taobao.org 3, 编译示例工程 git clone https://github.com/electron/electron-quick-start cd electron-quick

electron-builder打包配置说明

发现问题通过vue建立的项目使用electron-builder打包(不会eletron打包vue项目的看这里)出exe后发现名字就直接是项目文件夹的名字，但此时想自定义汉字名称，通过尝试直接修改package.json中的name后发现此法仅限于修改为英文名称，汉字会报错无法打包。踩坑过程在网上翻阅后发现有人

pnpm安装electron报错404解决方案

pnpm安装electron报错404解决方案自定义镜像地址和版本解决 pnpm config set registry https://registry.npmmirror.com/ pnpm config set electron_mirror=https://cdn.npmmirror.com/binaries/electron/ pnpm config set electron_custom_dir=14.2.5 参考： https://github.co

electron+vue 环境搭建

一、环境介绍及会遇到的困难　　electron是一款比较流行的桌面可视化开发工具，通过html+js+css实现桌面应用，优点就是多平台开发以及UI好看。缺点是外网npm仓库速度慢。话不多说开始我的教程，和可能遇到的坑的解决办法。二、全局配置npm以及需要的包安装的过程要是出现报错可以

electron自动更新

1.主要是删除package.json中dependencies节点的"electron-updater": "^4.6.5",这个版本的包，node写文件有问题2.devDependencies中的electron-updater降低版本，由4.6.5降到3.0.03.然后就是利用electron的ipc通信，实现更新进度和渲染进程的交互4.具体更新代码如下： /* eslint-disable

Electron学习（三）之简单交互操作

写在前面最近一直在做批量测试工具的开发，打包的exe，执行也是一个黑乎乎的dos窗口，真的丑死了，总感觉没个界面，体验不好，所以就想尝试写桌面应用程序。在技术选型时，Java窗体实现使用JavaFx、Swing，感觉都不太理想，为什么呢？写好后，都是通过 Application.launch 启动，仅能运行一次，不能多次

Ele_0001：在electron中使用 jquery

1，方法一，在ele中加如下代码 //在Electron中直接使用JQuery if (typeof module === 'object') {window.jQuery = window.$ = module.exports;}; 2，方法二：打开jquery.js，在文件的开头加上： if (typeof module === 'object') {window.module = module; module = undefined;} 在文件

Electron学习（二）之主进程与渲染进程的通讯

模拟主进程与渲染进程的通讯过程渲染进程根目录下添加renderer.js，既支持node js也支持dom js，示例代码如下： //这是渲染进程 const {ipcRenderer}=require("electron") //下面是从渲染进程向主进程发送消息 window.addEventListener('DOMContentLoaded',()=>{ ipcRenderer.sen

electron-vue实现自定义区域拖拽窗口

使用@mousedown，@mouseup，@mousemove分别创建三个方法实现会出现鼠标快速移动的时候出现框卡住。所以只能使用原生js来解决 1，标签看你用的哪个UI框架，事件只加这一个即可，然后这个你想在哪个区域实现拖动事件 @mousedown 就放在哪里 <v-btn @mousedown="mousedown" /> 2，然后是

使用vue-cli初始化一个electron项目

使用vue-cli初始化一个electron项目安装vue cli npm install -g @vue-cli 注意，一定要带@，不建议不带@的命令了，那是老版本，创建完毕是找不到create命令的。安装之后的路径：/usr/local/lib/node_modules/@vue/cli 如果执行：vue --version 提示：-bash: vue: command not found 则要把上

os模块在electron中的使用兼ip地址获取

os模块在electron中的使用兼IP地址获取直接看代码吧 const os = window.require("os"); let interfaces = os.networkInterfaces() var ips = []; //console.log(interfaces) for (let key in interfaces) { //console.log(interfaces[key]); interfaces[key].forEach(element =>

quasar使用electron打包

quasar使用electron打包从构建好的项目中，我们不难发现，electron打包有两种方式： electron-packager打包这篇博客是通过我尝试了很多种方法之后，最先开始，我使用的是electron-packager，所用的electron和electron-packager版本分别是： "electron": "^18.0.2", "electron-packager":

桌面应用程序

如果您正在尝试使用 JavaScript 来构建桌面应用程序，那么您可能至少考虑过使用 Electron。Electron 于 2013 年由 GitHub 为其 Atom 编辑器发布，已被微软、Discord 和 Slack 等许多大型公司使用。本文旨在客观地概述 Electron 及其优缺点。本文还概述了一些替代方案以及您是否希望使

electron 镜像安装问题

# 该命令会打开npm的配置文件，请在空白处添加请自行去除下面三行前的＃号 npm config edit # registry=https://registry.npmmirror.com # electron_mirror=https://cdn.npmmirror.com/binaries/electron/ # electron_builder_binaries_mirror=https://npmmirror.com/mirrors/elect

electron-vue打包出现问题汇总

打包过程中出现下载status code 404 1.可能是网络不好，导致相关electron包无法正常下载，也有可能是需要挂代理 2.可能是编译过程的链接出现错误，一般为网址中缺少或多了一个v，建议自行下载到对应cache中当yarn install出现status code 404时，基于以上属性，需要重新设置electron_custom_

隐藏electron窗体菜单栏的几种方式

方法1： const electron = require('electron') const Menu = electron.Menu function createWindow (){ Menu.setApplicationMenu(null) } 方法2： new BrowserWindow（{autoHideMenuBar： true}）方法3： new BrowserWindow（{frame: false}）

Electron安装慢

打开 cmd，输入 npm config edit 打开 .npmrc 文件文件顶部设置 registry=xxx 下增加一行：electron_mirror=https://cdn.npm.taobao.org/dist/electron/ ;;;; ; npm userconfig file ; this is a simple ini-formatted file ; lines that start with semi-colons are comment

electron 打包生成exe文件

打包的两种方式： DOS 下，首先输入 npm install electron-packager -g全局安装打包工具 npm install electron-packager -g 1. package.json设置打包将打包的命令设置在package.json的script中： "scripts": {"package":"electron-packager . 生成的exe文件的名称 --platform=win32 --