添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
9976254  ·  quasar构建linux版本electro ...·  3 年前    · 
9976254  ·  electron ...·  3 年前    · 
9976254  ·  node.js - Problem ...·  3 年前    · 
9976254  ·  FATAL: Running as ...·  3 年前    · 
ibaobao  ·  路德维希二世- 知乎·  1 年前    · 

打包方式1:DOS窗口命令打包

DOS 下,输入 npm install electron-packager -g 全局安装 我们的打包神器:

cnpm install electron-packager -g

在项目文件夹下面,也就是根目录下面打开DOS执行打包命令:

electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules --electron-version 5.0.0

各个参数介绍:

HelloWorld :你将要生成的exe文件的名称
 --platform=win32:确定了你要构建哪个平台的应用,可取的值有 darwin, linuxmaswin32
--arch=x64:决定了使用 x86 还是 x64 还是两个架构都用
--icon=computer.ico:自定义设置应用图标
 --out=./out:指定打包文件输出的文件夹位置,当前指定的为项目目录下的out文件夹
--asar:该参数可以不加,如果加上,打包之后应用的源码会以.asar格式存在,否则会以文件夹形式存在
--app-version=0.0.1:生成应用的版本号
 --overwrite:覆盖原有的build,让新生成的包覆盖原来的包
--ignore=node_modules:如果加上该参数,项目里node_modules模块不会被打包进去
 --electron-version 5.0.0:指定当前要构建的electron的版本,需要和当前的版本一致,具体可以在package.json文件中查看,可以不加该参数,如果不一致,会自动下载,,,不建议

打包方式2:package.json设置打包:

建议将打包的命令设置在 package.json script

设置如下:

  "scripts": {"package":"electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules"

然后在项目文件夹DOS窗口下执行命令:

npm run package

即可打包成功

打包方式1:DOS窗口命令打包DOS 下,输入npm install electron-packager -g全局安装我们的打包神器:cnpm install electron-packager -g在项目文件夹下面,也就是根目录下面打开DOS执行打包命令:electron-packager . HelloWorld --platform=win32 --arch=x64 --icon=computer.ico --out=./out --asar --app-version=0.0..
Electron 是由 Github开发的开源框架,它允许开发者使用Web技术构建跨平台的桌面应用。electron是通过将Chromium和Node.js合并到同一个运行时环境中,用html,css,JavaScript来构建跨平台桌面应用的一个开源库,并将其打包为Mac,Windows和linux系统下的应用来实现这一目的。 Electron = Chromium + Node.js + Native API Chromium : 为Electron提供了强大的UI能力,可以不考虑...
1、package.json中添加配置如下: "scripts": { "package":"electron-packager . demoName --platform=win32 --arch=x64 --icon=favicon.ico --out=./out --asar --app-version=0.0.1 --overwrite --ignore=node_modules" demoName-生成的应用程序.exe的名称 基本命令: electron-packager <sourcedir> <appname> --platform=<platform> --arch=<arch> [optional flags...] 命令说明: sourcedir:项目源文件所在路径(唯一的必须参数) appna...
如果按本文操作遇到一些问题报错,如C:\Users\milyyy\AppData\Roaming\npm-cache\_logs\2018-11-27T07_36_17_406Z-debug.log等等,解决办法可以参见我的另一篇文章:electron打包VUE项目中遇见的报错解决 本篇文章源码请移步我的GitHub地址:简易使用electron打包vue 踩过了无数的坑,碰到了很多问题。终...
接上回Electron那些事01:起步_uikoo9的专栏-CSDN博客 简单介绍了electron,以及做了简单demo使用electron做了一个桌面应用demo, 相信大家现在最想做的事情就是将桌面应用打包后发个其他人体验,本节开始electron打包electron-packager】 官方推荐的打包工具有3个 几个工具的区别后续单独写一篇文章介绍, 简单的说electron-forge和electron-builder都是打包工具集功能比较多,适合想快速上...
Vue框架并不是一种可以直接打包exe的软件。Vue是一种JavaScript框架,用于开发网页和应用程序。如果您想要将Vue应用程序打包exe文件,需要使用第三方工具来完成。以下是一些可能用于打包Vue应用程序的工具: 1. ElectronElectron是一个开源的框架,可以用于将Web应用程序打包成桌面应用程序。它可以结合Vue框架使用,使开发者可以使用常见的Web技术(如HTML、CSS和JavaScript)来构建跨平台的桌面应用程序。 2. NW.js:NW.js是另一个允许您使用Web技术来构建桌面应用程序的开源框架。它支持使用Vue框架开发,并可通过打包工具将应用程序打包exe文件。 3. 使用打包工具:通过使用第三方打包工具(如Electron-builder、NW.js-builder等),可以将您的Vue应用程序打包成可执行文件。这些工具通常支持添加自定义图标、版本号和其他应用程序元数据。 需要注意的是,将Vue应用程序打包exe文件需要使用一些专门的工具和软件,并可能需要进行一些配置和调试。因此,建议您在开始尝试打包之前先掌握Vue框架和相关打包工具的基本知识。