从零开始使用Electron

最新推荐文章于 2025-07-03 03:32:12 发布
最新推荐文章于 2025-07-03 03:32:12 发布
阅读量1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Electron 文章标签： Electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/luogan129/article/details/77507170
本文档提供了Node.js及Electron的安装步骤，并介绍了如何使用淘宝镜像加速npm包的下载过程。此外，还提供了VScode的下载链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用Vite从零开始构建Electron项目
06-24
使用Vite从零开始构建Electron项目
Electron在企业应用开发中的实践 Electron应用从零开始 揭秘Electron火热的根本原因
07-05
Electron是由Github开发，是一个用Html、css、JavaScript来构建桌面应用程序的开源库，可以打包为Mac、Windows、Linux系统下... electron是一个运行时环境，包含Node和Chromium，可以理解成把web应用运行在node环境中。
如何解决 electron 安装失败问题
qq_41456316的博客
03-28 1715
在安装 electron 时经常由于网络问题导致安装失败，本介绍了如何配置 npm 解决 electron 安装失败的问题。
electron报错：Error: Electron failed to install correctly, please delete node_modules/electron and try
程序源的博客
09-07 980
在win10上在搭建electron-vue项目时，使用npm install命令报错 报错： Error: Electron failed to install correctly, please delete node_modules/electron and try installing again 解决方法： 命令行进入项目中node_modules/electron目录，运行node install.js命令即可 ...
使用Electron构建个人知识管理工具：从零开始的完整指南
最新发布
vvilkin的学习备忘
07-03 952
在信息爆炸的时代，如何有效管理和组织个人知识成为许多人的痛点。本文将详细介绍如何使用Electron框架开发一个功能完善的个人知识管理(PKM)工具，涵盖从技术选型到核心功能实现的完整过程。
安装ELectron失败解决方案
10年职场两茫茫，35岁凄凉奈若何
11-24 228
安装ELectron失败解决方案
npm安装electron失败的解决办法
qq_24917475的博客
04-19 1041
npmrc配置路径（如果没有，则执行npm config set registry https://registry.npm.taobao.org就会生成该文件）修改.npmrc配置文件内容，改成。
electron 打包错误解决
bangjuechun1812的博客
07-25 2048
安装smart-npmnpm install --global smart-npm --registry=https://registry.npm.taobao.org/----------------------------------分割线，下面的cnpm替换为npm吧-------------------------------安装electron-builder（注意全局安...
从零开始用electron手撸一个截屏工具的示例代码
12-12
最近在尝试利用 electron 将一个 web 版的聊天工具包装成一个桌面 APP。作为一个聊天工具，截屏可以说是一个必备功能了。不过遗憾的是没有找到很成熟的库来用，也可能是打开方式不对，总之呢没看到现成的，于是就想...
Electron学习1 安装环境与第一个程序
猿来这样-谢厂节的博客
08-09 912
Electron是一个用于构建跨平台桌面应用程序的开源库。它使用HTML、CSS和JavaScript等技术，通过将Web技术打包为原生应用程序，使得开发者能够创建出具有本地操作系统特性的软件。Electron使用Chromium作为渲染引擎，并允许开发者使用Node.js来访问底层系统资源。本文将介绍electron开发环境配置。windows10一款编辑器软件，如vscode。
Electron.Fiddle-darwin-x64-0.13.1.zip electron-fiddle: 0.13.1
03-18
使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序 如果你可以建一个网站，你就可以建一个桌面应用程序。 Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架，它负责比较难搞的部分，你只需把精力放在你的应用的核心上即可。
electron-v9.0.5-win32-x64.zip
07-03
整个打包过程比较艰辛，打包过程中依赖出现各式各样的花式报错，这里建议慢慢的看错误信息，寻找解决方案，我整整花了4个小时完成打包。 遇到一些诡异的错误可以重新安装依赖重试（npm管理没有Yarn依赖管理好）
使用electron-vue时遇到的问题及解决
简廉的博客
05-26 3973
目录1. 安装yarn及本地模块依赖推荐使用管理员进行安装（win10右击开始栏windows选择Windows PowerShell(管理员)）2. 创建electron-vue项目3. 运行项目时遇到的问题3.1. process is not defined在.electron-vue/webpack.renderer.config.js和.electron-vue/webpack.web.config.js文件中找到HtmlWebpackPlugin代码段并更改为如下代码：3.2. vue-devt
关于electron的问题汇总
jl15988
07-26 1864
C:\Users\这个是你当前的电脑用户文件夹\AppData\Local\electron-builder。下载上面三个资源包时，会在控制台打印出对应的地址，我们可以复制地址，自己去手动下载，也可以通过。由于网络原因，在进行builder打包时，可能会等很长时间，直到最后还是以失败告终。下（在用户文件夹中找不到appdata文件夹，需要自己手动在地址栏后面加上。，去自己找对应的资源，可以用某些下载软件下载会快一些，然后将它们放到。------ 后面遇到其他再加…，往往都是第一个就卡住了。
内网electron 项目打包报错问题解决
q_1a23_q的博客
03-05 2321
解决办法： 手动下载这两个文件（electron-v23.1.1-win32-x64.zip，SHASUMS256.txt-23.1.1），传到内网，放在这个目录C:\Users\10830（你自己的用户名）\AppData\Local\electron\Cache。我安装的是npm i electron-packager 来打包的,以下是package.json的配置。注意：SHASUMS256.txt文件 记得改成版本名，SHASUMS256.txt-23.1.1。
vue脚手架搭建报错及解决方案：vue-cli · Failed to download repo vuejs-templates/webpack: connect ETIMEDOU
热门推荐
qq_42951499的博客
07-08 2万+
问题： 解决方案： 第一步： cnpm install vue-cli -g cpnm install webpack -g vue init webpack 项目名称 第二步：如果第一步操作后仍不可行，设置cmd的代理 set http_proxy=xxxx(xxxx是代理的地址)
【electron-vue】安装+解决错误
qq_42740449的博客
09-19 1283
根据参考文献进行安装electron-vue时出现错误，特来记录问题并追溯。
electron 安装失败，Electron failed to install correctly
XLL20001022的博客
02-03 5165
开发 Electron 项目，总是会发生安装失败或者安装时间太长的问题，下面说下终结解决办法。错误提示一般是如下图这样的： 这是我的错误截图 Error: Electron failed to install correctly, please delete node_modules/electron and try installing again 于是 try and try，不断的删除，不断的 install，终究还是搞不定，服了气了。 解决办法 1、删除 node_modules/e
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值