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

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

news 2026/2/8 5:54:37

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

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

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

     
 

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

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

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

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

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

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

步骤 3: 验证安装
 

  1.  
    检查已安装的 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 应用：
     
 

  1.  
    npm start
     
 

总结
 

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














相关文章：
















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




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






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



















JavaWeb之综合案例




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






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



















MySQL 报错：1137 - Can‘t reopen table




MySQL 报错&#xff1a;1137 - Can’t reopen table 
1. 问题 
对临时表查询&#xff1a; 
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怎么选（附使用链接）




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






编程日记
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. 霍夫曼编码&#xff08;Huffman Coding&#xff09; 
描述&#xff1a; 霍夫曼编码是一种使用变长编码表对数据进行编码的算法&#xff0c;由David A. Huffman在1952年发明。它是一种贪心算法&#xff0c;用于数据压缩。霍夫曼编码通过构建一个二叉树&#xff08;霍夫曼树&a…...






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



















OpenCV和Qt坐标系不一致问题




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






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



















前端VUE项目启动方式




将VUE项目的前端项目运行起来&#xff0c;整个过程非常简单&#xff0c;预计5分钟就可以完成&#xff0c;取决于大家的网速。 项目运行先安装Node.js Windows 安装 Node.js 指南&#xff1a;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] 由于时间比较久&#xff0c;出生的年份均为2位整数&#xf…...






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



















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




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






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



















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




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






编程日记
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&#xff09;Super partition layout 
2&#xff09;Block device table 
二、高通平台 
三、展锐平台 
四、相关案例 
1、Super分区不够导致编译报错 
经验…...






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



















JMeter监听器与压测监控之 InfluxDB




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






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



















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




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






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



















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




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






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



















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




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






编程日记
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





















【根据当天日期输出明天的日期(需对闰年做判定)。】2022-5-15




缘由根据当天日期输出明天的日期(需对闰年做判定)。日期类型结构体如下&#xff1a; struct data{ int year; int month; int day;};-编程语言-CSDN问答 
struct mdata{ int year; int month; int day; }mdata;
int 天数(int year, int month)
{switch (month){case 1: case 3:…...






编程新知
2025/11/27 21:52:13



















Ubuntu系统下交叉编译openssl




一、参考资料 
OpenSSL&&libcurl库的交叉编译 - hesetone - 博客园 
二、准备工作 
1. 编译环境 
宿主机&#xff1a;Ubuntu 20.04.6 LTSHost&#xff1a;ARM32位交叉编译器&#xff1a;arm-linux-gnueabihf-gcc-11.1.0 
2. 设置交叉编译工具链 
在交叉编译之前&#x…...






编程新知
2025/11/10 15:33:04



















【Redis技术进阶之路】「原理分析系列开篇」分析客户端和服务端网络诵信交互实现（服务端执行命令请求的过程 - 初始化服务器）




服务端执行命令请求的过程  【专栏简介】【技术大纲】【专栏目标】【目标人群】1. Redis爱好者与社区成员2. 后端开发和系统架构师3. 计算机专业的本科生及研究生 初始化服务器1. 初始化服务器状态结构初始化RedisServer变量 2. 加载相关系统配置和用户配置参数定制化配置参数案…...






编程新知
2026/2/2 0:45:02



















376. Wiggle Subsequence




376. Wiggle Subsequence 代码 
class Solution {
public:int wiggleMaxLength(vector<int>& nums) {int n  nums.size();int res  1;int prediff  0;int curdiff  0;for(int i  0;i < n-1;i){curdiff  nums[i1] - nums[i];if( (prediff > 0 && curdif…...






编程新知
2026/1/26 1:54:23



















CocosCreator 之 JavaScript/TypeScript和Java的相互交互




引擎版本&#xff1a; 3.8.1 语言&#xff1a; JavaScript/TypeScript、C、Java 环境&#xff1a;Window 参考&#xff1a;Java原生反射机制 您好&#xff0c;我是鹤九日&#xff01; 回顾 在上篇文章中&#xff1a;CocosCreator Android项目接入UnityAds 广告SDK。 
我们简单讲…...






编程新知
2026/1/30 12:10:19



















优选算法第十二讲：队列 + 宽搜  优先级队列




优选算法第十二讲&#xff1a;队列  宽搜 && 优先级队列 1.N叉树的层序遍历2.二叉树的锯齿型层序遍历3.二叉树最大宽度4.在每个树行中找最大值5.优先级队列 -- 最后一块石头的重量6.数据流中的第K大元素7.前K个高频单词8.数据流的中位数 1.N叉树的层序遍历 2.二叉树的锯…...






编程新知
2026/1/20 17:18:59



















Springboot社区养老保险系统小程序




一、前言 随着我国经济迅速发展&#xff0c;人们对手机的需求越来越大&#xff0c;各种手机软件也都在被广泛应用&#xff0c;但是对于手机进行数据信息管理&#xff0c;对于手机的各种软件也是备受用户的喜爱&#xff0c;社区养老保险系统小程序被用户普遍使用&#xff0c;为方…...






编程新知
2026/1/26 2:48:53



















Python基于历史模拟方法实现投资组合风险管理的VaR与ES模型项目实战




说明&#xff1a;这是一个机器学习实战项目&#xff08;附带数据代码文档&#xff09;&#xff0c;如需数据代码文档可以直接到文章最后关注获取。 1.项目背景 
在金融市场日益复杂和波动加剧的背景下&#xff0c;风险管理成为金融机构和个人投资者关注的核心议题之一。VaR&…...






编程新知
2026/1/25 4:19:49



















C/C++ 中附加包含目录、附加库目录与附加依赖项详解




在 C/C 编程的编译和链接过程中&#xff0c;附加包含目录、附加库目录和附加依赖项是三个至关重要的设置&#xff0c;它们相互配合&#xff0c;确保程序能够正确引用外部资源并顺利构建。虽然在学习过程中&#xff0c;这些概念容易让人混淆&#xff0c;但深入理解它们的作用和联…...






编程新知
2026/1/26 2:22:24



















三分算法与DeepSeek辅助证明是单峰函数




前置 
单峰函数有唯一的最大值&#xff0c;最大值左侧的数值严格单调递增&#xff0c;最大值右侧的数值严格单调递减。 
单谷函数有唯一的最小值&#xff0c;最小值左侧的数值严格单调递减&#xff0c;最小值右侧的数值严格单调递增。 三分的本质 
三分和二分一样都是通过不断缩…...






编程新知
2026/1/31 2:50:32