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

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

news 2026/4/4 0:43:33

好的，下面是一个使用 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

基于深度学习的水下海洋生物识别(YOLOv12/v11/v8/v5模型+数据集)(源码+lw+部署文档+讲解等)

摘要随着全球海洋生态环境的变化，水下海洋生物的监测与识别变得日益重要。基于深度学习的水下生物识别技术，尤其是YOLO（You Only Look Once）系列目标检测模型，因其高效性和准确性而受到广泛关注。本文提出了一种基于YO…...

编程新知 2026/4/3 23:24:50

V821 DISP 显示驱动流程分析

文章目录1、前言2、环境介绍3、大致流程4、程序阅读5、总结1、前言在全志 V821 下调试 RGB 屏幕时，因为一直创建不出 fb 节点，这里记录一下当时阅读显示驱动框架的过程。仅供参考。 2、环境介绍 sdk：V821 tina sdk v1.3 3、大致流程初…...

编程新知 2026/4/3 22:24:19

WaveTools：解决鸣潮玩家性能优化与数据管理痛点的开源工具

WaveTools：解决鸣潮玩家性能优化与数据管理痛点的开源工具【免费下载链接】WaveTools 🧰鸣潮工具箱项目地址: https://gitcode.com/gh_mirrors/wa/WaveTools WaveTools是一款专为《鸣潮》PC玩家设计的开源辅助工具，集成性能优化、账…...

编程新知 2026/4/3 21:07:42

发散创新：基于Go语言的事件驱动式应急响应架构设计与实践在现代云原生和微服务架构中，**快速、精准的事件

发散创新：基于Go语言的事件驱动式应急响应架构设计与实践在现代云原生和微服务架构中，快速、精准的事件响应能力已成为系统稳定性的核心保障。传统的轮询式监控和静态规则告警已难以应对复杂多变的生产环境。本文将带你深入探索一种以 Go语言为核心的轻…...

编程新知 2026/4/3 20:53:34

揭秘AI教材写作：掌握这些技巧，用AI写教材低查重不是梦

编写教材的过程，总是让我踩到“慢节奏”的不少雷区。尽管框架和材料已经准备齐全，却在内容创作上遭遇阻碍——有时候一句话反复修改半个小时，心里始终觉得没说到点子上；而章节之间的衔接，绞尽脑汁也难以找到合适的表达…...

编程新知 2026/4/3 20:07:12

重新定义AI时代的敏态与稳态：ArkClaw与HiAgent的双轮进化

4月2日，2026火山引擎AI创新巡展・武汉站正式启幕。火山引擎总裁谭待在宣布截至2026年3月，豆包大模型日均Token使用量突破120万亿，三个月翻倍、较2024年5月豆包问世增长了1000倍的同时，提出了以ArkClaw为敏态Agent、HiAgent为稳态A…...

编程新知 2026/4/3 19:26:53

用C++实现LBM格子玻尔兹曼方法MRT模拟加热气泡脱离

lbm格子玻尔兹曼方法mrt模拟加热气泡脱离c代码最近在研究流体力学相关的模拟，其中LBM（格子玻尔兹曼方法）的MRT（多松弛时间）模型在模拟加热气泡脱离这类复杂现象时展现出独特的优势。今天就来和大家分享一下如何用C 实现…...

编程新知 2026/4/3 17:53:26

nVisual设备板卡关联

在线模型库导入：ODF-12x2 这个型号的设备打开模型库点左侧模型搜索需要添加板卡设备型号，点击建模双击板卡搜索板卡名称点击绿色按钮添加添加完成点应用到实例...

编程新知 2026/4/3 16:56:35

AI机器视觉+振镜控制：基于OpenCV的无序工件全自动定位打标

引言工业激光打标场景中，无序工件的定位难题一直制约着自动化产能提升——传统工装定位换型成本高、人工摆料误差大，固定视觉方案无法适配工件360旋转姿态。本文提出一套基于OpenCV机器视觉+振镜联动的全自动定位打标方案，无需专用工装，通过AI视觉实现无序工件亚像素级定位…...

编程新知 2026/4/3 16:01:47

场景深耕，生态共生——视程空间，让边缘算力真正落地千行百业

在AI算力产业飞速发展的今天，“有算力”已不再是核心竞争力，“能落地、能适配、能创造价值”才是破局关键。当前，众多算力企业陷入“重参数、轻场景”的内卷，导致大量算力产品停留在实验室，无法真正适配产业一线需求。…...

编程新知 2026/4/3 16:01:47

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

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

步骤 3: 验证安装

总结

相关文章：

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