首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏pandacode_cn

    Electron 打包

    # electron-packager 打包 命令说明: electron-packager <location of project> <name of project> <platform> <architecture > <electron version> <optional options> location of project:项目所在路径 name of project:打包的项目名字 platform: architecture:决定了使用 x86 还是 x64 还是两个架构都用 (x64,ia32) electron version:electron 的版本 optional options:可选选项 ( --overwrite覆盖原文件) | --out 输出目录 | --extra-resource 需要打包的外部资源 overwrite:已有打包文件则替换。 例: electron-packager ./ pandacode --platform=mas --arch=x64 --overwrite

    1.7K10编辑于 2021-12-17
  • 来自专栏pandacode_cn

    Electron框架 打包

    1. electron-packager 打包 命令说明: electron-packager <location of project> <name of project> <platform> <architecture > <electron version> <optional options> location of project:项目所在路径 name of project:打包的项目名字 platform:确定了你要构建哪个平台的应用 architecture:决定了使用 x86 还是 x64 还是两个架构都用 (x64,ia32) electron version:electron 的版本 optional options:可选选项 ( –overwrite覆盖原文件) | –out 输出目录 | –extra-resource 需要打包的外部资源 overwrite:已有打包文件则替换。 例: electron-packager ./ pandacode --platform=mas --arch=x64 --overwrite

    36800编辑于 2023-07-17
  • 来自专栏前端开发随笔

    Electron处理electron:build打包问题

    执行electron:build会出现这个问题 是因为打包时会检测cache中是否有electron 包,如果没有的话会从github上拉去, 国内网络环境中拉取的过程大概率会失败 解决 在项目根目录新增 .npmrc文件 写入 ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/ 重新打包就没问题

    2.5K10发布于 2021-11-24
  • 来自专栏友儿

    electron 打包项目

    打包项目 Electron打包工具有很多,例如 electron-builder、electron-packager 或 electron-forge。 这些工具可以帮助我们将 Electron 应用程序打包为可执行文件,并根据目标平台生成相应的安装程序或应用程序包。 electron-forge:是一个全面的 Electron 开发工具集,提供了打包、调试和发布等功能,并且易于使用。 electron-builder:是一个功能强大的打包工具,支持跨平台打包,并提供多种目标平台和格式的选项,如 Windows、Mac、Linux、NSIS、AppImage 等。 electron-packager:是另一个常用的打包工具,支持将 Electron 应用程序打包为各个平台的可执行文件,如 Windows、Mac 和 Linux 等。

    88810编辑于 2024-03-27
  • 来自专栏码客

    Electron打包应用

    步骤 下载官方的Demo git clone https://github.com/electron/electron-quick-start cd electron-quick-start npm install // 或者 yarn install npm start electron-packager打包 安装依赖 npm install electron-packager --save-dev win " scripts": { "electron_build": "electron-packager ./ --platform=win32 --arch=x64 --overwrite" } electron-builder 打包 npm install electron-builder --save-dev 在package.json中做如下配置 "build": { "appId": "com.xxx.app", ["dmg","zip"] }, "win": { "target": ["nsis","zip"] } }, "scripts": { "dist": "electron-builder

    76810发布于 2019-10-22
  • 来自专栏编程三昧

    使用 electron-builder 打包 Electron 程序

    使用 electron-builder 打包 Electron 程序 [001] 前言 在将 Electron 代码开发完成后,如果想要投入生产环境,那就必须经过很关键的一步——打包。 今天就将 MacOS 上使用 electron-builder 打包 Electron 应用的过程做一个记录。 为什么要打包 我上一篇文章《使用 VSCode 调试 Electron 主进程代码》介绍了在开发环境下运行 Electron 程序的方法,既然可以正常运行了,那为什么还需要经过打包的步骤呢? 调试 Electron 主进程代码》中用到的 electron-quick-start 目录 打包步骤 1.安装 electron-builder mkdir electron-builde cd electron-builde 总结 以上就是一次简单的 Electron 应用打包过程,希望能够对你有所帮助。 ~ 本文完,感谢阅读! 学习有趣的知识,结识有趣的朋友,塑造有趣的灵魂!

    3K20编辑于 2022-01-20
  • 来自专栏一番码客

    electron打包爬坑

    electron-vue/build.js && electron-builder"脚本可以单独打包好这个electron工程为exe可执行程序; 用"build-python": "pyinstaller /pydist"可以打包好python程序为exe可执行程序。 安装完electron的可执行程序,并将打包好的python可执行程序放到electron的安装目录下,这个程序就可以正常运行了。 爬坑过程 搜索一 首先搜索'如何打包electron程序',看到网上用如下脚本一起打包python和electron: "pack-app": ". 果然,可以运行了,等待打包完成,然后拷贝build目录下的可执行程序,安装,然后到安装目录查看是否有python的可执行程序。妈蛋,还是没有。 发现四 看来靠百度是不行了,还是看打包的脚本吧。 于是看到package.json里配置打包的目录似乎只有dist/electron/**/*,于是一番分别试着加入pydist/**/*和pydist/api/*,尝试发现虽然yaml文件确实改了,但还是没有解决问题

    1.9K10发布于 2019-10-29
  • 来自专栏码客

    Electron多环境打包

    正文 客户端打包的时候如果有不同的logo,名称等信息,每次打包都需要替换一遍 ,所以这里就写了个脚本来批量替换文件和文字。

    93810发布于 2021-08-12
  • 来自专栏有困难要上,没有困难创造困难也要上!

    Electron 应用程序打包

    接前一篇博客 安装electron-packager $ sudo cnpm install --save-dev electron-packager 修改 package.json 文件 { "name , "packager": "electron-packager . ": "^8.7.0" } } 注意:这里只指定了linux平台,可以 修改打包全平台的包。 打包 $ ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/ npm run-script packager 这里说明一下,上面的命令前设置了 打包后,可以看到在myapp下生成一个myapp-linux-x64的目录,运行myapp-linux-x64/myapp即可启动应用。

    1.3K50发布于 2018-05-14
  • 来自专栏静之森

    Electron打包与构建

    开发环境的搭建 平时我们在开发前端应用时,一般都是使用 Webpack 去打包,在开发环境中,也是由 Webpack dev server 来实现 HMR。 在 Electron 中也是可以使用 Webpack 的。 我们使用 electron-wepack 包,简单搭建一下环境。 shell 1yarn add source-map-support 2yarn add -D electron electron-webpack electron-builder webpack COPY 1npx electron-icon-builder -i . 的配置,所以有几个地方是必须要这么写的,否则就会在打包之后无法显示 renderer 或者 找不到入口文件。

    1.5K10编辑于 2021-12-28
  • 来自专栏薛定喵君

    electron-tabs 打包方法

    记录下如何打包 electron 标签页示例项目 最近公司项目需求涉及到 electron 应用的标签页实现,所以找到了这个开源的页签实现方式。 轻松定制 如果直接打包会提示错误,所以需要进行一定的改造。 # 改造方法 本地克隆仓库:git clone git@github.com:brrd/electron-tabs.git 依赖安装 打包工具我们选取 electron-builder。 scripts 中增加打包命令: "build:win64": "electron-builder --win --x64", "build:mac": "electron-builder --mac --dir=outMac" # 打包 接着我们就可以愉快地进行打包了。

    1.4K20编辑于 2022-08-30
  • 来自专栏腾讯IMWeb前端团队

    你不知道的 Electron (二):了解 Electron 打包

    这篇文章主要介绍如何打包 Electron 应用,以及分析 electron-builder 是如何对我们的应用进行打包的。 如何打包 Electron 目前有两种打包工具:electron-userland/electron-builder 和 electron-userland/electron-packager。 使用 electron-builder 打包 安装依赖: yarn add electron-builder --dev// 或npm i electron-builder --save-dev 打包: /cli 使用 electron-packager 打包 安装依赖: npm i electron-packager --save-dev 打包electron-packager <sourcedir 打包分析 electron-builder 打包时输出的信息 打包的时候我们可以看到 控制台输出了如下信息:  • electron-builder version=20.15.1  • loaded

    5.8K20编辑于 2022-06-29
  • 来自专栏一番码客

    electron打包爬坑—出坑

    前言 昨天一番解了很久想解这个electron打包python可执行文件为一体的方法,因为要发布我们的小工具,必须要打包为一个安装包啊,不然对于计算机小白来讲太不友好了。 一番继续专研electron-package的打包方式。当一番执行如下打包脚本时。 "pack-app": "./node_modules/.bin/electron-packager.cmd . 深入一下打包脚本源码,追了一下,算了,一时半会儿是看不懂了。 还是Google一下python怎么打包吧,除了搜到一两篇零星讲用electron-packge之外,用了同样的打包脚本,但一番用不了啊,怀疑electron建立工程时的环境问题,那就只有重新建工程了。 出坑 之前一番用建立工程时的build脚本有打包出可electron的可执行文件,只是这个里面没有打包入python的可执行文件,即使在package.json脚本中的files字段中加入pydist这个目录

    3.3K20发布于 2019-10-29
  • 来自专栏IMWeb前端团队

    你不知道的 Electron (二):了解 Electron 打包

    这篇文章主要介绍如何打包 Electron 应用,以及分析 electron-builder 是如何对我们的应用进行打包的。 如何打包 Electron 目前有两种打包工具:electron-userland/electron-builder 和 electron-userland/electron-packager。 使用 electron-builder 打包 安装依赖: yarn add electron-builder --dev // 或 npm i electron-builder --save-dev 打包 打包分析 electron-builder 打包时输出的信息 打包的时候我们可以看到 控制台输出了如下信息: • electron-builder version=20.15.1 • loaded 打包工具需要做的事情只是把这个 electron.exe 文件修改下图标、作者、版本等信息即可。 总结 上面简单的对 electron-builder 的打包过程进行了分析。

    4K20发布于 2019-12-03
  • 来自专栏余生开发

    electron 使用docker 跨平台打包

    下载镜像 docker pull q1194979849/alpinebuilder:v0.0.1 执行命令 docker run --rm -ti -v D:\path/for/project:/project -w /project q1194979849/alpinebuilder:tagname "/bin/sh" "-c" "cmd&&cmd" tagname: 版本号 "/bin/sh" "-c" "cmd&&cmd" : 向容器内部传递命令 实现命令自动化 命令映射目录 所以产物将在原项目

    1.1K10编辑于 2022-09-23
  • 来自专栏品味前端

    Electron打包错误的踩坑小记

    ,根据报错信息手动下载相应的资源,放入 C:\Users\你的用户名\AppData\Local\electron\Cache 目录下即可。 淘宝镜像:https://npm.taobao.org/mirrors/electron/NSIS下载:https://nsis.sourceforge.io/Download 我这里windows打包缺少了 ,比如 Electron 打包时就报错: ....... opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization 执行 n 安装并切换至 16.18.1 版本: sudo n 16.18.1 再次打包 Electron 一切正常了,虚惊一场。 水文一篇,记录一下踩过的坑,希望对你有所帮助。 相关文章 超简单的Vue+Electron快速开发多端在线笔记本

    1.3K20编辑于 2023-01-19
  • 来自专栏薛定喵君

    electron打包时所需的几个资源下载

    记录下electron打包时必需的几个资源 打包时会从github的release下载几个软件包,但是被墙了,所以下不下来导致build失败。 在公众号内回复关键字electron-build获取所需资源: nsis winCodeSign nsis-resources 下载好压缩包之后放至cache缓存目录解压即可 macOS: ~/Library /Caches/electron-builder Linux: ~/.cache/electron-builder windows: %LOCALAPPDATA%\electron-builder\cache

    1.7K20发布于 2020-07-14
  • 来自专栏每天进步一点点

    NSIS 打包 Electron 生成exe安装包

    每次文章都从0开始 从搭建开始 使用的是electron-vue 毕竟方便一点 如果只想安装electron 请参见我的另一个文章https://segmentfault.com/a/11... ---- 开发目录: F:lee` 开发环境: windows10 IDE: phpstorm 安装electron vue init simulatedgreg/electron-vue project3 如果按照上面的步骤执行 到这步会自动编译并且运行 如果没有自动编译点击顶部菜单栏的编译按钮 编译过程可能稍微有点长1-3分钟吧 编译完成之后会自动运行安装程序 友情提示 杀软报毒 electron

    2.5K31发布于 2019-05-26
  • 来自专栏有困难要上,没有困难创造困难也要上!

    Electron 打包时下载 xxx-electron-v1.6.8--x64.zip 文件出错

    今天在windows上打包其它平台的Electron应用的时候,由于是第一次,所以总是下载 xxx-electron-v1.6.8-<arch>-x64.zip 失败。设置了代理,还是失败。 修改了~/.npmrc文件,在其中增加了ELECTRON_MIRROR,但是打包时仍然出错。 ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/ 最后,没招了,只能使用离线方式先把所有的包都下载下来直接打包这种方式了。 > 文件也必须在同一目录下,然后再次运行打包命令,应该就可以正确打包了。 electron-packager . --platform=win32 --arch=x64 --electron-version=1.6.8 --overwrite

    1.3K70发布于 2018-05-14
  • 来自专栏慎独

    利用Electron把Web项目打包成桌面应用

    使用的Demo:electron-quick-start 打包工具:electron-packager 安装 1.Electron是基于Node.js开发的,第一步当然要安装node盒npm了,就不多说了 git clone https://github.com/electron/electron-quick-start cd electron-quick-start electron . 5.开始打包,官网的打包文档,只说了把源文件隐藏,不暴露给用户,就是打包成asar Archives,但我们想打包成.exe和.app。官网的分发(distribute)文档介绍了两种打包工具。 electron-builder electron-packager 第一个工具是建立安装程序,打包成.exe和.app的话,我们选择第二个。 在非win32平台上要打包exe程序,需要Wine 1.6 or later。

    2.2K70发布于 2018-06-01
领券