1.安装 electron-packager

2.electron-packager 应用目录 应用名称 打包平台  左上角的图标和任务栏的图标  输出目录 架构 版本

    win打包:  electron-packager . XD --platform=win32 --arch=x64 --icon=./icon.ico --out=./dist --asar --app-version=1.0.0  
下图为打包成功
 
 
3.这个时候已经可以进行安装使用了,但因为安装程序默认只会安装c盘,所以需要进行包装。使用NSIS。
NSIS 安装一直下一步,完成之后选择 HW VNISEdit
 
4.安装asar (https://www.w3cschool.cn/electronmanual/cexo1qkn.html) 这一步貌似没有比较。 npm install asar -g
 
5.HM界面如下图,选择 文件->新建脚本:向导。然后下一步
 
 
6.软件名称等信息填写。然后下一步。
 
7.选择正确 ico ,之前打包生成的exe,在选择exe的时候会已有相同选择是即可,语言选择中文。然后下一步。
 
8.其他选项,选填。然后下一步。
 
9.授权文件,目录相关,授权文件需要本地常见txt文件,内容随意,授权相关等,必选,否则后面打包会报错。
 
10.选择文件,分为两步1.选择exe文件,2.选择对应目录所有文件,依照下图以此操作。先删除默认文件->选择exe文件(exe为之前打包所产生文件)->选择目录所有文件(注意勾选包含所有目录,以打包后dist下XD-win32-x64中所有文件)。然后下一步。
 
 
 
 
 
11.一些关于软件的信息。下来两步骤 都可以默认下一步。
 
 
12.卸载软件时相关设置。然后下一步。
 
13.向导完成保存脚本。勾选保存脚本,脚本名称和目录随意。然后完成进入编译界面。
 
14. 编译界面 进行编译。稍等几分钟。
 
15.编译完成。默认会自动运行。
 
 
16.再次回到打包后dist 目录下 xxx.exe,此时打开软件会进行步骤询问。ok!!!

electron 打包流程 electron-packager + NSIS的更多相关文章

  1. Electron桌面应用打包流程

    一. 准备工作 1.npm的安装需要下载node.js,安装完node.js之后npm自然会有. 参考链接:http://www.runoob.com/nodejs/nodejs-install-se ...

  2. 【原创】从零开始搭建Electron+Vue+Webpack项目框架(六)Electron打包,同时构建客户端和web端

    导航: (一)Electron跑起来(二)从零搭建Vue全家桶+webpack项目框架(三)Electron+Vue+Webpack,联合调试整个项目(四)Electron配置润色(五)预加载及自动更 ...

  3. electron打包发布

    1.全局安装electron npm install electron -g 在cmd 直接输入 electron 直接启electron 2.编写第一个Electron应用 在任何地方,建立一个ap ...

  4. electron打包vue项目

    electron是什么 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库. Electron通过将Chromium和Node.js合并 ...

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

    Electron 打包时下载 xxx-electron-v1.6.8--x64.zip 文件出错 今天在windows上打包其它平台的Electron应用的时候,由于是第一次,所以总是下载 xxx-e ...

  6. 将现有vue项目基于electron打包成桌面应用程序

    一.前言 项目本来打算采用B/S架构去做的,浏览器网址方式打开还是让用户不方便: 二.使用electron集成桌面应用 本身项目是使用vue-cli开发的,在使用electron之前,需要将本身的项目 ...

  7. Electron打包H5网页为桌面运行程序

    一.安装配置环境 Electron(一种桌面应用程序运行时),Electron 把 Chromium 和 Node 合并到一个单独的运行时里面,很适合开发桌面 web 形式的应用程序,通过Node它提 ...

  8. 第二章 你第首个Electron应用 | Electron in Action(中译)

    本章主要内容 构建并启动Electron应用 生成package.json,配置成Electron应用 在你的项目中包含预先构建Electron版本 配置package.json以启动主进程 从主进程 ...

  9. electron教程(一): electron的安装和项目的创建

    我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(二): http服务器, ws服务器, 进程管理 electron教程(三): 使 ...

随机推荐

  1. word/pdf互转的链接

    参考链接 http://www.greenxf.com/soft/98467.html

  2. C#获取变更过的DataTable记录的实现方法

    本文实例讲述了C#获取变更过的DataTable记录的实现方法,是一个非常实用的功能!具体实现方法如下: 首先DataTable可以看做是一个物理表的内存式存储,每一个DataRow都有一个属性叫做R ...

  3. CentOS系统下安装python3+Django

    转载:CentOS系统下安装python3+Django 1.首先用yum安装下vim,因为CentOS 7可能根本没自带完整vim,经常出现输入乱码:yum -y install vim 2.安装开 ...

  4. dynamic 类型不能访问属性

    x //解决方案ProjectTest.项目A里面public object r(){ ,name = "zf"}; } //解决方案ProjectTest.项目B里面 publi ...

  5. 2018-2019-2 网络对抗技术 20165311 Exp2 后门原理与实践

    2018-2019-2 网络对抗技术 20165311 Exp2 后门原理与实践 后门的基本概念 常用后门工具 netcat Win获得Linux Shell Linux获得Win Shell Met ...

  6. odoo 响应下载文件

    odoo中如何实现点击按钮下载文件报告.报表到页面左下角 models.py # -*- coding: utf-8 -*-from openerp import models, fields, ap ...

  7. Setup Factory使用

  8. boost::filesystem总结

    boost::filesystem是Boost C++ Libraries中的一个模块,主要作用是处理文件(Files)和目录(Directories).该模块提供的类boost::filesyste ...

  9. Python title()、upper()、lower()方法--string

    描述 title()方法: 将字符串中的单词“标题化”,即首字母大写,其余字母转化为小写. upper()方法:将字符串中的小写字母转化为大写字母. lower()方法:将字符串中的大写字母转化为小写 ...

  10. Nginx反向代理部署NodeJS项目

    在nginx配置文件种的http节点下: server { listen 8005; server_name localhost; location /{ proxy_set_header X_Rea ...