当前位置：首页 > news >正文

使用 npm 安装 Electron 作为开发依赖

news 文章来源：https://blog.csdn.net/sinat_38424109/article/details/143945177 2025/5/3 9:13:54

好的，下面是一个使用 npm pack 和 npm install 命令来打包和安装离线版本的 npm 包的具体示例。我们将以 electron 为例，演示如何在有网络连接的机器上打包 electron，然后在没有网络连接的机器上安装它。

步骤 1: 在有网络连接的机器上打包 `electron`

创建一个目录：在有网络连接的机器上，创建一个目录来存放离线包。

mkdir offline-packages
cd offline-packages

下载 electron 包：使用 npm pack 命令下载 electron 包。
```
npm pack electron
```
这会生成一个 .tgz 文件，例如 electron-33.2.0.tgz。
下载 electron 的依赖项： electron 可能有一些依赖项，我们需要单独下载这些依赖项并打包。假设 electron 依赖于 @electron/get，我们可以使用类似的方法下载这些依赖项

```
npm pack @electron/get
```
这会生成一个 @electron/get-2.0.3.tgz 文件。
复制文件：将生成的 .tgz 文件复制到目标机器上的某个目录，例如 E:\new\clipboard-saver\my-electron-app\offline-packages。

步骤 2: 在没有网络连接的机器上安装离线包

创建项目目录：在目标机器上，创建一个新的项目目录并初始化一个新的 Node.js 项目。

mkdir my-electron-app
cd my-electron-app
npm init -y

创建 offline-packages 目录：在项目目录中创建一个 offline-packages 目录，并将从有网络连接的机器上复制的 .tgz 文件放入该目录。
```
mkdir offline-packages
```
安装离线包：使用 npm install 命令安装离线包

npm install ./offline-packages/electron-33.2.0.tgz --save-dev
npm install ./offline-packages/@electron/get-2.0.3.tgz --save-dev

步骤 3: 验证安装

检查已安装的 Electron 版本：运行以下命令来检查已安装的 Electron 版本。

```
npx electron -v
```
创建主进程文件 main.js：在项目根目录下创建一个 main.js 文件，内容如下：

const { app, BrowserWindow } = require('electron')function createWindow () {const win = new BrowserWindow({width: 800,height: 600,webPreferences: {nodeIntegration: true}})win.loadFile('index.html')
}app.whenReady().then(() => {createWindow()app.on('activate', () => {if (BrowserWindow.getAllWindows().length === 0) {createWindow()}})
})app.on('window-all-closed', () => {if (process.platform !== 'darwin') {app.quit()}
})

创建 HTML 文件 index.html：在项目根目录下创建一个 index.html 文件，内容如下：

<!DOCTYPE html>
<html>
<head><title>My Electron App</title>
</head>
<body><h1>Hello, Electron!</h1>
</body>
</html>

修改 package.json：确保 package.json 中的 scripts 部分包含启动脚本：

{"name": "my-electron-app","version": "1.0.0","description": "","main": "main.js","scripts": {"start": "electron ."},"devDependencies": {"electron": "^33.2.0"}
}

运行应用：在项目根目录下运行以下命令来启动你的 Electron 应用：

```
npm start
```

总结

通过以上步骤，你可以在有网络连接的机器上打包 electron 及其依赖项，然后在没有网络连接的机器上安装这些离线包并运行你的 Electron 应用。如果有任何问题，欢迎随时提问。

使用 npm 安装 Electron 作为开发依赖

好的，下面是一个使用 npm pack 和 npm install 命令来打包和安装离线版本的 npm 包的具体示例。我们将以 electron 为例，演示如何在有网络连接的机器上打包 electron，然后在没有网络连接的机器上安装它。步骤 1: 在有网络连接的机器上打包 …...

编程日记 2024/11/23 7:47:46

JavaWeb之综合案例

前言这一节讲一个案例 1. 环境搭建然后就是把这些数据全部用到sql语句中执行 2.查询所有-后台&前台我们先写后台代码 2.1 后台 2.2 Dao BrandMapper： 注意因为数据库里面的名称是下划线分割的，我们类里面是驼峰的，所以要映射 …...

编程日记 2024/11/23 7:46:40

MySQL 报错：1137 - Can‘t reopen table

MySQL 报错：1137 - Can’t reopen table 1. 问题对临时表查询： select a.ts_code,a.tsnum,b.tsnum from (select t.ts_code ,count(*) tsnum from tmp_table t group by t.ts_code having count(*) > 20 and count(*)< 50 ) a ,(select t.ts_…...

编程日记 2024/11/23 7:42:33

Claude3.5-Sonnet和GPT-4o怎么选（附使用链接）

随着人工智能模型的不断进化，传统的评估标准已经逐渐变得陈旧和不再适用。以经典的“喝水测试”为例，过去广泛应用于检测模型能力，但现如今即便是国内的一些先进模型，也能够轻松答对这些简单的问题。因此，我们亟需引入…...

编程日记 2024/11/23 7:41:32

使用itextpdf进行pdf模版填充中文文本时部分字不显示问题

在网上找了很多种办法都解决不了; 最后发现是文本域字体设置出了问题; 在这不展示其他的代码只展示重要代码; 1 引入扩展包 <dependency><groupId>com.itextpdf</groupId><artifactId>itext-asian</artifactId><version>5.2.0</v…...

编程日记 2024/11/23 7:40:28

java-贪心算法

1. 霍夫曼编码（Huffman Coding） 描述： 霍夫曼编码是一种使用变长编码表对数据进行编码的算法，由David A. Huffman在1952年发明。它是一种贪心算法，用于数据压缩。霍夫曼编码通过构建一个二叉树（霍夫曼树&a…...

编程日记 2024/11/23 7:36:23

OpenCV和Qt坐标系不一致问题

“ OpenCV和QT坐标系导致绘图精度下降问题。” OpenCV和Qt常用的坐标系都是笛卡尔坐标系，但是细微处有些不同。 01 — OpenCV坐标系 OpenCV是图像处理库，是以图像像素为一个坐标位置，即一个像素对应一个坐标，所以其坐标系也叫图像…...

编程日记 2024/11/23 7:34:21

前端VUE项目启动方式

将VUE项目的前端项目运行起来，整个过程非常简单，预计5分钟就可以完成，取决于大家的网速。项目运行先安装Node.js Windows 安装 Node.js 指南：http://www.iocoder.cn/NodeJS/windows-install(opens new window) Mac 安装 Node.js…...

编程日记 2024/11/23 7:33:20

Python小白学习教程从入门到入坑------习题课5（基础巩固）

目录实战题 1、“千年虫”是什么虫? 2、模拟京东购物流程 3、模拟12306火车票订票流程 4、模拟手机通讯录实战题 1、“千年虫”是什么虫? 要求:已知一个列表中存储的是员工的出生年份 [88,89,90,98,00,99] 由于时间比较久，出生的年份均为2位整数&#xf…...

编程日记 2024/11/23 7:32:19

飞凌嵌入式T113-i开发板RISC-V核的实时应用方案

随着市场对嵌入式设备的功能需求越来越高，集成了嵌入式处理器和实时处理器的主控方案日益增多，以便更好地平衡性能与效率——实时核负责高实时性任务，A核处理复杂任务，两核间需实时交换数据。然而在数据传输方面，传统串…...

编程日记 2024/11/23 7:29:15

基于Java后台实现百度、高德和WGS84坐标的转换实战

目录前言一、需求的缘由 1、百度坐标拾取 2、高德坐标拾取 3、不同地图的坐标展示二、后端坐标偏移转换处理 1、相关类库介绍 2、coordtransorm类图介绍 3、后台实际转换三、总结前言在当今数字化时代，地理位置信息的精确性和实时性对于各种应用至…...

编程日记 2024/11/23 7:26:13

SQL，力扣题目1635，Hopper 公司查询 I

一、力扣链接 LeetCode_1635 二、题目描述表: Drivers ---------------------- | Column Name | Type | ---------------------- | driver_id | int | | join_date | date | ---------------------- driver_id 是该表的主键(具有唯一值的列)。该表的每一行…...

编程日记 2024/11/23 7:24:10

Android 分区相关介绍

目录一、MTK平台 1、MTK平台分区表配置 2、MTK平台刷机配置表 3、MTK平台分区表配置不生效 4、Super分区的研究 1）Super partition layout 2）Block device table 二、高通平台三、展锐平台四、相关案例 1、Super分区不够导致编译报错经验…...

编程日记 2024/11/23 7:18:03

JMeter监听器与压测监控之 InfluxDB

1. 简介在本文中，我们将介绍如何在 Kali Linux 上通过 Docker 安装 InfluxDB，并使用 JMeter 对其进行性能监控。InfluxDB 是一个高性能的时序数据库，而 JMeter 是一个开源的性能测试工具，可以用于对各种服务进行负载测试和性能监…...

编程日记 2024/11/23 7:15:59

信息安全管理与评估赛项(网络安全)--应急响应专项训练

web1 题目来源：https://mp.weixin.qq.com/s/89IS3jPePjBHFKPXnGmKfA 题目 1.攻击者的shell密码2.攻击者的IP地址3.攻击者的隐藏账户名称4.攻击者挖矿程序的矿池域名(仅域名)5.有实力的可以尝试着修复漏洞靶机用户:administrator密码:Zgsfadmin.com题解攻击者…...

编程日记 2024/11/23 7:13:57

ElasticSearch学习篇18_《检索技术核心20讲》LevelDB设计思想

目录一些常见的设计思想以及基于LSM树的LevelDB是如何利用这些设计思想优化存储、检索效率的。几种常见的设计思想索引和数据分离减少磁盘IO读写分离分层思想 LevelDB的设计思想读写分离设计分层设计与延迟合并LRU缓存加速检索几种常见设计思想索引与数据分离索引…...

编程日记 2024/11/23 7:12:53

使用 FFmpeg 提取音频的详细指南

FFmpeg 是一个开源的多媒体处理工具，支持视频、音频的编码、解码、转换等多种功能。通过 FFmpeg，提取视频中的音频并保存为各种格式非常简单和高效。这在音视频剪辑、媒体处理、转码等场景中具有广泛的应用。本文将详细讲解如何使用 FFmpeg 提取音频&a…...

编程日记 2024/11/23 7:11:52

中国省级新质生产力发展指数数据（任宇新版本）2010-2023年

一、测算方式：参考C刊《财经理论与实践》任宇新（2024）老师的研究，新质生产力以劳动者劳动资料劳动对象及其优化组合的质变为基本内涵，借鉴王珏和王荣基的做法构建新质生产力发展水平评价指标体系如下所示&a…...

编程日记 2024/11/23 7:08:49

C++设计模式：建造者模式（Builder）房屋建造案例

什么是建造者模式？ 建造者模式是一种创建型设计模式，它用于一步步地构建一个复杂对象，同时将对象的构建过程与它的表示分离开。简单来说： 它将复杂对象的“建造步骤”分成多部分，让我们可以灵活地控制这些步骤。通过…...

编程日记 2024/11/23 7:05:45

Python 快速入门（上篇）❖ Python基础知识

Python 基础知识 Python安装**运行第一个程序：基本数据类型算术运算符变量赋值操作符转义符获取用户输入综合案例：简单计算器实现Python安装** Linux安装： yum install python36 -y或者编译安装指定版本：https://www.python.org/downloads/source/ wget https://www.pyt…...

编程日记 2024/11/23 7:04:43

string接口的模拟实现

文章目录一. string底层逻辑演示声明和定义分开二. size()三. operator[]四. 迭代器四. const迭代器五. 预留空间（reserve)六. 尾插一个字符push_back七. 尾插一个字符串append八. operator九. operator 一. string底层逻辑 （1）为了和库里面…...

编程日记 2024/11/23 6:59:38

sed使用扩展正则表达式时, -i 要写在 -r 或 -E 的后面

sed使用扩展正则表达式时, -i 要写在 -r 或 -E 的后面前言 -r 等效 -E , 启用扩展正则表达式 -E是新叫法,更统一,能增强可移植性 , 但老系统,比如 CentOS-7 的 sed 只能用 -r ### Ubuntu24.04-E, -r, --regexp-extendeduse extended regular expressions in the script(fo…...

编程日记 2024/11/23 6:56:35

Verilog HDL可综合与不可综合语句

目录什么是逻辑综合可综合语句不可综合语句逻辑综合建模建议综合流程什么是逻辑综合所谓逻辑综合就是在标准单元库和特定的设计约束的基础上，把设计的高层次描述转换成优化的门级网表的过程。标准单元库（工艺库）可以包含简单的…...

编程日记 2024/11/23 6:53:31

tomcat 后台部署 war 包 getshell

1. tomcat 后台部署 war 包 getshell 首先进入该漏洞的文件目录使用docker启动靶场环境查看端口的开放情况访问靶场：192.168.187.135:8080 访问靶机地址 http://192.168.187.135:8080/manager/html Tomcat 默认页面登录管理就在 manager/html 下&#xff0c…...

编程日记 2024/11/23 6:51:28

网络云计算】2024第47周-每日【2024/11/21】周考-实操题-RAID6实操解析1

文章目录 1、RAID6配置指南（大致步骤）2、注意事项3、截图和视频网络云计算】2024第47周-每日【2024/11/21】周考-实操题-RAID6实操 RAID6是一种在存储系统中实现数据冗余和容错的技术，其最多可以容忍两块磁盘同时损坏而不造成数据丢失。RAID…...

编程日记 2024/11/23 6:50:27

前端面试题大汇总：React 篇

基础知识 1. 什么是 React？它的主要特点是什么？ React 是一个用于构建用户界面的 JavaScript 库，由 Facebook 开发并维护。它主要用于构建单页应用程序（SPA）和复杂的用户界面。React 的主要特点包括： 组件…...

编程日记 2024/11/23 6:48:25

【prism】遇到一个坑，分享！

背景我通用prism的方式写了一个弹窗，弹窗绑定一个 Loaded 事件，但是Loaded事件一直不触发！！！具体过程我的loaded事件也是通过命令的方式绑定的： <i:Interaction.Triggers><i:EventTrigger EventName="Loaded...

编程日记 2024/11/23 6:45:22

Python+Selenium+Pytest+Allure+ Jenkins webUI自动化框架

Python+Selenium+Pytest+Allure+ Jenkins webUI自动化框架 WebUI接口框架使用的工具...

编程日记 2024/11/23 6:44:21

智象未来（HiDream.ai）技术赋能，开启AR眼镜消费时代

Rokid Jungle 2024合作伙伴暨新品发布会于近日隆重举行，标志着AR眼镜跑步进入消费时代，更预示着ARAI技术融合的新篇章。智象未来（HiDream.ai），作为多模态生成式人工智能技术的领跑者，与Rokid的深度合作&…...

编程日记 2024/11/23 6:43:20

element dialog 2层弹窗数据同步问题

注意：本帖为公开技术贴，不得用做任何商业用途 element dialog 2层弹窗数据同步问题如果嵌套dialog，也就是多层dialog嵌套 2个input，key用同样的值会导致内外2层dialog，用相同key值的input会数据同步原因如下&a…...

编程日记 2024/11/23 6:41:16

步骤 1: 在有网络连接的机器上打包 electron

步骤 2: 在没有网络连接的机器上安装离线包

步骤 3: 验证安装

总结

相关文章：

步骤 1: 在有网络连接的机器上打包 `electron`