Electron开发入门（五）：项目打包

最新推荐文章于 2024-03-16 09:39:07 发布
VIP文章 最新推荐文章于 2024-03-16 09:39:07 发布
阅读量2k 收藏 1
点赞数
分类专栏： Electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010683528/article/details/56279592
版权

一、安装 electron-packager

PS：安装之前，先复制一份package.json文件到./app目录下，然后改下./app目录下package.json里 “main”: “app/main.js”的路径（去掉app/），不这样子的话，下面打包的时候会报错，有的版本识别不了应用路径。

1、使用命令 npm install --save-dev electron-packager 
将electron-package包安装到在项目下面， 
这里写图片描述 
安装完成之后，项目根目录下面的package.json文件里，会多出一条electron-package的版本号配置信息 
这里写图片描述

最低0.47元/天 解锁文章
努力会有明天
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
electron打包全家桶，electron-v8.5.5-win32-x64，nsis-3.0.4.2，winCodeSign-2.6.0
01-07
新下载得electron项目打包时经常会出错，是由于依赖环境不完善原因造成的，主要是缺少标题里的三样。下载后拷贝到C:\Users\XXX\AppData\Local\electron\Cache下使用
puppeteer-electron-quickstart：快速启动项目，用于从Electron应用程序中运行puppeteer库。 使用ES-6和babel
01-31
木偶电子快速入门 快速入门项目，可通过电子应用程序运行木偶库。 使用ES-6和babel。 入门 这些说明将为您提供在本地计算机上运行并运行的项目的副本，以进行开发和测试。 有关如何在实时系统上部署项目的注释，请参阅部署。 包装经理 纱线是建议的包装经理，因为电子也建议这样做。 正在安装 克隆项目 运行yarn下载所需的软件包 项目信息 电子应用 ：将从我们的电子应用程序运行的主文件 index.html：电子应用程序的用户界面。 当前仅包含将显示所有日志的div 在此文件中，我们需要加载所有自定义js文件。 这是通过copy-babel-output npm脚本完成的 木偶戏 为了在电子内部运行puppeteer，我们使用puppeteer-core库，该库使用客户端计算机中安装的chrome实例。 Puppeteer在初始化。 该脚本正在检查默认的Chrome补丁。 根据应用运行所在的操作系统，此路径为： 对于Windows：C：\ Program Files（x86）\ Google \ Chrome \ Application \ chrome.exe 对于Mac：
Electron应用的创建与打包使用
最新发布
qq_42617070的博客
03-16 809
Electron应用的创建与打包使用
electron-运行和electron-packager打包
munchmills的博客
08-30 1129
electron-运行和electron-packager打包
electron-packager 打包过程
燕儿归的专栏
12-06 6420
1.安装cnpm,使用如下命令   npm install cnpm -g --registry=http://registry.npm.taobao.org 2.全局安装electron ，使用如下命令   cnpm install electron -g 3.全局   cnpm install electron-packager -g  4.打开项目根路径下的项目package
electron打包：electron-packager及electron-builder两种方式实现（for Windows）
热门推荐
我飞故我在的专栏
09-07 1万+
前言 本文主要介绍如何通过electron-packager及electron-builder两种方式，将已有的electron应用打包成msi格式和exe可执行文件。打包是一个成熟的应用程序一个重要的环节，希望这篇文章可以给大家一些参考，最后会讲到打包时遇到的一些坑，与大家分享。 本文适用于有一些electron实践经验的小伙伴，知道如何创建一个简单的electron应用，并且知道electr...
electron的electron-packager打包运行和electron-builder生产安装包过程，学透 Electron 自定义 Dock 图标
阿牛哥的博客
07-25 8296
electron的electron-packager打包运行和electron-builder生产安装包过程，学透 Electron 自定义 Dock 图标
electron使用electron-packager打包整理
younger_z的专栏
04-12 1万+
一、安装electron-packager PS：安装之前，先复制一份package.json文件到./app目录下，然后改下./app目录下package.json里 “main”: “app/main.js”的路径（去掉app/），不这样子的话，下面打包的时候会报错，有的版本识别不了应用路径。 1、使用命令npm install --save-dev electron-packager...
使用Electron 打包程序成EXE
qq_31876557的博客
05-23 4818
以下内容皆为网上资料转载整理： 原文地址https://blog.csdn.net/Quincylk/article/details/78252475 一.使用nodejs 的npm 项目打包命令： npm run build 打包项目 二、安装electron-packager PS：安装之前，先复制一份package.json文件到./app目录下，然后改下./app目录下p...
electron将vue项目打包成exe桌面应用流程及可能出现的问题
Z.Dragon 的博客
11-13 2284
近期项目需求，把网页（基于vue）打包成exe桌面应用，在网上找到了electron； 这里说说我对electron-builder的使用心得 electron打包exe程序主要有两种方法： 1、electron-packager：初学者入门demo传送门 2、electron-builder：稍微复杂一丢丢，需要配置文件 ####### 先将vue项目打包 npm run build 得到dis...
electron-test:Electron整理一个vue打包的项目
05-25
将此应用程序与应用程序结合使用以获取API代码示例，以帮助您入门。 基本的Electron应用程序仅需要以下文件： package.json指向应用程序的主文件，并列出其详细信息和依赖项。 main.js启动应用程序并创建一个浏览器...
电子React：入门项目
02-22
我的应用电子+ React +打字稿= my-appnpm脚本发展启动电子版并将Reactapp构建以开发方式从Webpack服务器（位于http：/// localhost：9090...将适用于Windows平台的Electron应用程序打包为： npm run build:win链接从 ：
electron-esbuild:将esbuildwebpack用于您的电子应用程序
03-06
npx electron-esbuild buildnpx electron-esbuild build --no-clean # do not clean output before build 打包应用程序（） npx electron-builder快速开始您可以将此用于带有TypeScript的入门React配置创建一个...
electron-egg-master.zip
12-30
一个入门简单、跨平台、企业级桌面软件开发框架。跨平台：一套代码，可以打包成windows版、Mac版、Linux版、国产UOS、Deepin、麒麟等； 简单高效：只需学习 js 语言； 前端独立：理论上支持任何前端技术，；工程化：...
Electron加密打包文件
孟军建的博客
02-21 1万+
1.安装 electron-packager 注意：先复制一份package.json文件到./app目录下，（千万记住这一点，我在这步这折腾了好几个小时才弄明白）然后记得改下package.json里main:main.js的路径（去掉app/） 使用命令 npm install --save-dev electron-packager将electron-package安装到本地
Electron开发入门（三）：main process和web page 通信
孟军建的博客
02-21 5115
一、main process 和 web page 通信  electron框架主进程（Main Process）与嵌入的网页（web page，也就是renderer process）之间的通信 Main.js里添加代码 //通信模块，mian process与renderer process（web page） const {ipcMain} = require('electron'
win7下electron安装
孟军建的博客
02-20 4772
安装electrin费了老大劲了，贴吧百度都翻烂了，最后卸载了node.js重新安装后才解决问题，开始把node.js安装到了D盘下面，然后eelectron怎么安装都安装不了，保证各种路径问题，后来重新安装后问题没了，安装步骤按照淘宝的镜像方式 根据官网提供的electron的npm安装方法，使用下面的命令进行安装，结果不成功 npm install --save-dev elect
electron:build打包少了应用程序
07-28
关于您的问题，可能有几种原因导致electron:build打包后少了应用程序。以下是一些可能的解决方法： 1. 检查你的构建配置：确保在构建配置文件中正确地指定了应用程序的入口点和输出路径。 2. 检查你的文件路径：...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值