Electron安装（新手入门）

最新推荐文章于 2024-06-12 21:02:28 发布

DRen1

最新推荐文章于 2024-06-12 21:02:28 发布

阅读量1.1k

点赞数 1

分类专栏： Electron电脑端软件开发文章标签： electron 前端 npm

本文链接：https://blog.csdn.net/qq_43237354/article/details/130369789

版权

Electron电脑端软件开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

按照Electron官网给的例子，我们参照

快速入门 | Electron

下载electron,命令为

npm install --save-dev electron

但是不出意外的话，会报错。因为链接国外的资源一般都容易网络连接失败。

考虑使用淘宝源安装，最开始看别人的教程，用cnpm 下载。

首选安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org
然鹅，这步竟然报错了，出现一个rename的错误，四处搜索，但是解决方案没有效果。

本机使用的版本为 node v14.16.0 npm 6.14.11

无奈，最终使用以下方法，单独为electron配置下载源。

进入cmd，输入

npm config edit

在自动打开的记事本中加上一行配置

ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

ctrl+s保存退出。

再输入命令

npm install -g electron

无error,下载成功。

版本为electron@24.1.2

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

DRen1

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
Electron安装（新手入门）

对于electron无法安装的解决方法
复制链接

扫一扫

专栏目录

electron解决下载慢(亲测有效)

wx1458084829

08-26

4982

electron安装下载慢，亲测有效解决

electron离线安装

oxgos的博客

05-11

6420

公司因为安全原因，导致连不上npm的镜像，查找了资料，终于找到一种离线安装 electron 全局开发环境的方法，分享并记录一下: ps: 如果能用淘宝镜像，直接设置npm config set ELECTRON_MIRROR https://npm.taobao.org/mirrors/electron/ ，最方便，速度也快准备工作安装node环境下载electron的zip包，前往淘宝镜像站选择最新稳定版下载 electron淘宝镜像下载地址: https://npm.taobao.or

2 条评论您还未登录，请先登录后发表或查看评论

npm install --save-dev electron 命令卡死

热门推荐

博客简介

12-03

1万+

Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。嵌入 Chromium 和 Node.js 到二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发经验。

安装Electron报错 Failed at the electron@29.1.0 postinstall script.

BlueRainbow9的博客

03-07

819

npm install electron --save-dev 安装Electron报错 Failed at the electron@29.1.0 postinstall script.This is probably not a problem with npm. There is likely additional logging output above.

electron国内下载

weixin_42964571的博客

05-14

280

electron下载失败，electron国内下载

前端Electron新手入门教程详解

01-02

Electron 是什么定义 Electron是一个能让你使用传统前端技术（Nodejs, Javascript, HTML, CSS）开发一个跨平台桌面应用的框架。这里所说的桌面应用指的是在Windows、OSX及Linux系统上运行的程序。历史 2013年的...

Electron基础入门教程

10-26

总的来说，这个教程为新手提供了一个全面的Electron入门路径，无论你是Web开发者还是对桌面应用开发感兴趣，都能从中获得宝贵的知识和实践经验。通过实践这些视频教程和配套材料，你将能够自信地构建自己的Electron...

electron-quick-start.rar

07-29

这个"electron-quick-start.rar"文件是一个入门级别的项目，旨在帮助新手快速上手 Electron 开发。通过这个压缩包，你可以学习到如何构建一个简单的 "Hello world" 应用，而不必先安装 Git。首先，"Hello world" ...

javascript+electron+前端桌面应用程序+菜鸟入门.zip

11-04

适合新手开发 JavaScript + css + electron 的简单前端桌面应用程序，有需要的小伙伴可以下载，文档在主页中的“electron的基本使用” 中，可结合看，自己一笔一笔看视频敲的，其中有很多注释帮助理解。

electron-v2.0.18-win32-x64.zip

07-26

使用electron-vue package打包时必要的文件，请存放在C:\Users\Administor\AppData\Local\electron\Cache钟

Fiddle入门使用Electron的最简单方法

08-09

**Electron Fiddle入门指南** Electron Fiddle是一款强大的工具，专为JavaScript开发者设计，用于探索和构建基于Electron框架的小型应用。Electron是一个开源平台，它允许开发者使用Web技术（HTML、CSS和JavaScript...

Electron 桌面应用开发从基础到进阶

郊眠寺

03-16

2953

本文介绍了一些 Electron 的进阶知识，包括使用主进程和渲染进程、使用模块、使用开发工具、调试、部署和热更新。通过掌握这些知识，你可以更好地管理和开发 Electron 应用程序，提高开发效率，为用户提供更好的体验。为大家准备了一个前端资料包。包含54本，2.57G的前端相关电子书，《前端面试宝典（附答案和解析）》，难点、重点知识视频教程（全套）。

npm 安装 electron 卡住不动或报错

banyoyo的博客

01-10

1009

npm 安装 electron 卡住不动或报错

electron 下载失败解决方案

Lynn

05-26

1946

然后在里面添加如下信息即可，然后重复执行上面操作；在项目目录下新建一个文件如下；

electron DownloadItem如何从指定Url中下载文件

12-26

970

这里的electron-dl模块是一个封装库，可以帮助你在electron中更方便地进行文件下载操作。你可以通过npm install electron-dl进行安装。2. 在渲染进程中，你可以使用electron-dl模块，结合electron.remote模块获取下载进度和事件。注意，上面的代码只是演示了基本的下载操作，你可以根据自己的需求进行扩展和定制。electron DownloadItem如何从指定Url中下载文件。1. 在主进程中使用session对象创建一个下载会话。

如何解决无法npm下载electron依赖的

Mr__proto__的博客

02-20

1194

使用命令：npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/也用了npm的镜像：registry = "https://registry.npmmirror.com/"，也不行。后来网上折腾一段时间，看到一个开源项目（基于electron)，写到要在npm设置electron的镜像，才可以。使用electron，安照官方例子，结果是失败的。完后，再重新npm install，再npm start，解决。

electron-dl用于在Electron中下载多个文件

12-28

1414

在这个更新的代码中，我们使用了 electron-dl 模块的 download 函数来实现文件下载。我们在主窗口加载完成后，通过循环遍历文件列表，使用 await 关键字等待文件下载完成。下载成功后，我们打印出文件保存的路径。如果下载失败，则打印错误信息。请注意，您需要在 files 数组中添加要下载的文件的URL和目录。确保您已经安装了 electron-dl 模块。electron-dl用于在Electron中下载多个文件。

electron安装

05-30

安装 Electron 可以通过 npm 命令行工具进行安装，具体步骤如下： 1. 首先需要安装 Node.js，可以在官网下载对应操作系统的安装包并安装。 2. 打开命令行工具，输入以下命令安装 Electron： ``` npm install electron --save-dev ``` 注意：由于国内网络原因，可能安装速度比较慢，可以使用 cnpm 或者设置淘宝镜像加速安装。 3. 安装完成后，在项目中添加一个启动脚本，例如： ``` "scripts": { "start": "electron ." } ``` 4. 运行以下命令启动 Electron 应用： ``` npm start ``` 以上就是安装 Electron 的基本步骤。