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

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

news 2026/2/9 17:29:21

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

DIY｜Mac 搭建 ESP-IDF 开发环境及编译小智 AI

前一阵子在百度 AI 开发者大会上，看到基于小智 AI DIY 玩具的演示，感觉有点意思，想着自己也来试试。如果只是想烧录现成的固件，乐鑫官方除了提供了 Windows 版本的 Flash 下载工具之外，还提供了基于网页版的 ESP LA…...

编程新知 2026/2/3 8:13:35

Spring Boot面试题精选汇总

🤟致敬读者 🟩感谢阅读🟦笑口常开🟪生日快乐⬛早点睡觉 📘博主相关 🟧博主信息🟨博客首页🟫专栏推荐🟥活动信息文章目录 Spring Boot面试题精选汇总⚙️ **一、核心概…...

编程新知 2025/9/24 23:08:17

C# 类和继承(抽象类)

抽象类抽象类是指设计为被继承的类。抽象类只能被用作其他类的基类。不能创建抽象类的实例。抽象类使用abstract修饰符声明。抽象类可以包含抽象成员或普通的非抽象成员。抽象类的成员可以是抽象成员和普通带实现的成员的任意组合。抽象类自己可以派生自另一个抽象类。例…...

编程新知 2026/1/29 16:25:24

EtherNet/IP转DeviceNet协议网关详解

一，设备主要功能疆鸿智能JH-DVN-EIP本产品是自主研发的一款EtherNet/IP从站功能的通讯网关。该产品主要功能是连接DeviceNet总线和EtherNet/IP网络，本网关连接到EtherNet/IP总线中做为从站使用，连接到DeviceNet总线中做为从站使用。在自动…...

编程新知 2026/1/31 6:53:51

AI编程--插件对比分析：CodeRider、GitHub Copilot及其他

AI编程插件对比分析：CodeRider、GitHub Copilot及其他随着人工智能技术的快速发展，AI编程插件已成为提升开发者生产力的重要工具。CodeRider和GitHub Copilot作为市场上的领先者，分别以其独特的特性和生态系统吸引了大量开发者。本文将从功…...

编程新知 2026/2/9 2:15:44

在WSL2的Ubuntu镜像中安装Docker

Docker官网链接: https://docs.docker.com/engine/install/ubuntu/ 1、运行以下命令卸载所有冲突的软件包： for pkg in docker.io docker-doc docker-compose docker-compose-v2 podman-docker containerd runc; do sudo apt-get remove $pkg; done2、设置Docker…...

编程新知 2026/2/4 16:23:56

AI，如何重构理解、匹配与决策？

AI 时代，我们如何理解消费？ 作者｜王彬封面｜Unplash 人们通过信息理解世界。曾几何时，PC 与移动互联网重塑了人们的购物路径：信息变得唾手可得，商品决策变得高度依赖内容。但 AI 时代的来…...

编程新知 2026/1/30 2:33:11

Python 包管理器 uv 介绍

Python 包管理器 uv 全面介绍 uv 是由 Astral（热门工具 Ruff 的开发者）推出的下一代高性能 Python 包管理器和构建工具，用 Rust 编写。它旨在解决传统工具（如 pip、virtualenv、pip-tools）的性能瓶颈，同时…...

编程新知 2026/2/7 10:47:09

HDFS分布式存储 zookeeper

hadoop介绍狭义上hadoop是指apache的一款开源软件用java语言实现开源框架，允许使用简单的变成模型跨计算机对大型集群进行分布式处理（1.海量的数据存储 2.海量数据的计算）Hadoop核心组件 hdfs（分布式文件存储系统）&a…...

编程新知 2026/1/24 4:10:44

HarmonyOS运动开发：如何用mpchart绘制运动配速图表

##鸿蒙核心技术##运动开发##Sensor Service Kit（传感器服务）# 前言在运动类应用中，运动数据的可视化是提升用户体验的重要环节。通过直观的图表展示运动过程中的关键数据，如配速、距离、卡路里消耗等，用户可以更清晰…...

编程新知 2026/2/2 7:49:59

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

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

步骤 3: 验证安装

总结

相关文章：

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