electron 初始使用

已于 2024-07-15 11:26:11 修改
阅读量288 收藏
点赞数 2
文章标签： electron javascript 前端
于 2024-07-07 22:38:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/beloved_jodie/article/details/140238755
版权

electron

  1. electron文档地址
  2. demo下载地址
  3. 安装命令
    yarn config set electron_mirror https://cdn.npm.taobao.org/dist/electron/
    npm install
  4. 下载文件
    下载文件
  5. 文件下载完成后，新建dist目录，解压到list目录下；path文件中写入electron.exe
    处理压缩包
  6. 运行命令 npm run start

示例demo

三155
关注
electron学习：初始化electron项目
weixin_44005989的博客
01-14 1064
1.node环境，初始化项目 npm init -y 2.安装electron (注意：不要使用npm 安装，使用cnpm安装！！！原因：npm源是国外的超级慢......) cnpm install electron --save-dev 3.新建 main.js const {app, BrowserWindow} = require('electron'); let win; function createWindow() { // 创建浏览器窗口。 win = new Bro.
Electron: 1、从零开始写一个记事本app
xuguangyuansh的博客
05-14 5200
Electron: 从零开始写一个记事本app Electron介绍        原文版权属于 简书 的 鳗驼螺，这里只是做了重现，并记录到自己的日记中。   &nbsp
【Electron】关于Electron安装依赖报错问题解决
sinat_42684420的博客
01-25 3566
关于Electron安装依赖报错问题解决 最近在学习electron项目搭建，在自己搭建项目时候出现了一个electron安装依赖一直报错的问题。关于这个问题十分玄幻，同一份代码，在我的笔记本上安装一直失败，在node版本一样的其他两台电脑上，却是可以正常安装。翻腾了好半天终于把安装依赖的问题给解决了。 给yarn配置了淘宝镜像不顶用，也指定了electron安装路径 echo electron_mirror=http://cdn.npm.taobao.org/dist/electron/ >&gt
electron安装， node install.js报错RequestError: read ECONNRESET问题解决方案
热门推荐
编程随手记
12-01 1万+
electron安装， node install.js报错RequestError: read ECONNRESET问题解决方案
接上文，electron软件打包和分发遇到的一些问题记录及解决方案
gejiangbo222的专栏
05-17 588
electron问题和方案
electron-build打包报错:ERR_ELECTRON_BUILDER_CANNOT_EXECUTE
文和的博客
07-18 2677
直接切换版本：我将electron由12.0.0升级为13.3.4。
[electron][问题]安装教程及throw new Error(‘Electron failed to install correctly,please delete...)解决
qq_38844263的博客
02-04 7459
*目录：* 1. throw new Error('Electron failed to install correctly,please delete node_modules/electron and try installing again')的解决办法 2. **electron安装教程** 3. throw new Error('Electron failed to install correctly,please delete node_modules/electron and try i
electron使用regedit模块时的正确配置方法
01-20
通常在初始化阶段，或者在需要使用`regedit`的地方添加以下代码： ```javascript const regedit = require("regedit"); regedit.setExternalVBSLocation('./resources/vbs'); ``` 这行代码设置了`regedit`模块寻找...
Electron应用使用electron-updater实现自动更新
05-11
然后，在主进程（main.js）中引入并初始化 `electron-updater`： ```javascript const { app, autoUpdater } = require('electron'); const log = require('electron-log'); autoUpdater.logger = log; ...
electron-serialport.zip_electron 读串口_electron串口_nodejs_nodejs串口编
07-13
本压缩包文件“electron-serialport.zip”显然是一个关于如何在Electron环境中使用Node.js进行串口通信的资源集合，其中可能包含了示例代码、教程或库文件。下面我们将详细探讨相关的知识点。 1. **Electron框架**...
app_electron:使用ElectronJS的桌面应用程序
04-29
2. **主进程和渲染进程**：在Electron应用中，`main.js`通常作为主进程启动点，它负责初始化窗口、加载HTML页面、监听系统事件等。而HTML页面所在的进程称为渲染进程，它们之间可以通过`ipcRenderer`和`ipcMain`模块...
2020-06-09 npm 安装electron 解决安装Electron缓慢问题
逆风飞翔的博客
06-09 2286
先说结论： 由于@electron/get包的修改，使上文中方法无效。解决方式为使用 ELECTRON_MIRROR="https://cdn.npm.taobao.org/dist/electron/" npm install electron 命令安装。 旧方法： 在使用npm安装Electron的过程，可能会碰到一直卡在下载安装包的过程中。这时可能会先想到切换到淘宝的镜像下载，会发现也没有效...
Electron安装问题
qq_40591925的博客
07-05 712
Electron安装问题、preload预加载
安装 Electron 的门道
weixin_30230009的博客
03-09 1203
简介因为国内的网络环境，我们构建 Electron 项目时，容易失败，通常遇到这种情况，我便粗暴的使用科学上网的方式来解决，对 Electron 安装过程中发生了什么一无所知，为了增强把控...
electron制作安装包_Electron 安装过程深入解析
weixin_39913422的博客
11-28 1193
作者：前端之巅转发链接：https://mp.weixin.qq.com/s/PBZn1Pu7wzEt8XW4nu47CA1.1 安装 Electron 依赖包开发者往往通过 npm install(或 yarn add)指令完成为 Node.js 工程安装依赖包的工作，安装 Electron 也不例外，下面是 npm 和 yarn 的安装 Electron 依赖包的指令：npminstall...
Electron系列（一）安装electron
champyin的博客
04-25 1329
前言我们知道，JavaScript 是用来开发网站的脚本语言。Javascript 开发出来的网页必须依赖浏览器来解析。而桌面客户端，通常是由 C++、C# 等语言来完成。不过现在，...
下载安装electron和electron-builder遇到的问题及部分解决办法
qq_50533529的博客
04-14 8183
下载安装electron和electron-builder遇到的一些问题及部分解决办法，具体问题具体分析，此处不一定完全
vue 常用命令
HouYing
11-29 5033
nodejs :http://nodejs.cn/download/ npm install -g npm eslint 要代码检查生效 vue文件需要和vue关联 npm config set registry http://registry.npm.taobao.org/ npm install -g @vue/cli npm install -g yarn yarn c...
npm 淘宝镜像设置
weixin_33935505的博客
12-28 344
2019独角兽企业重金招聘Python工程师标准>>> ...
electron中使用web worker
最新发布
10-10
在Electron中，Web Workers是一种在主进程之外运行JavaScript脚本的技术，用于创建后台线程处理计算密集型任务，避免阻塞主线程并提高应用程序性能。在Electron环境中，你可以通过以下步骤使用Web Workers： 1. 创建worker文件：在项目目录下创建一个新的`.js`文件，如`worker.js`，并将需要在后台运行的代码放在这里。例如： ```javascript // worker.js self.addEventListener('message', function(event) { const data = event.data; // 执行耗时操作... const result = longRunningTask(data); self.postMessage(result); }, false); ``` 这里，`self`指向Worker实例。 2. 主进程中使用worker：在主进程（通常是`main.js`或`renderer.js`，取决于你的应用结构）中创建并连接到worker： ```javascript // main.js 或 renderer.js const { Worker } = require('worker_threads'); const worker = new Worker('./worker.js'); worker.postMessage('初始化数据'); // 发送消息给worker worker.on('message', (result) => { console.log(`Worker返回结果：`, result); }); ``` 3. 沟通和同步：主进程和worker之间通过`postMessage`和`onmessage`事件进行通信。需要注意的是，因为它们在不同的线程中运行，所以不是实时同步的。通常你需要处理异步情况。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值