Vue+electron 实现跨平台桌面端exe文件开发

前端网页调用exe文件，js调用执本地exe文件，js执行exe文件，vue,js，react都可以使用。写入注册表，记事本或其他文本编译文件命名 testPB.reg写入内容如果路径不正确或没写入进去，返回第二步，重新检查写入的内容，是否少\ " \ 等符号，及exe文件存放的路径。红色圈起来的进行自定义命名，此名字在后续调起exe文件时会使用到，注册表中的名字也会是这个。查看路径是否正确，DefaultIcon和command中的都需要查看。圈起来的是exe文件存放路径，修改为自己的exe文件存放路径。

我们使用的许多著名的应用程序，比如VC，WINRAR，SVN等等，都既能在WIN下运行，也支持命令行操作。这是很爽的，习惯在可视化下操作的同志，可以使用GUI界面操作，习惯怀旧或者喜欢命令行操作的同志，可以使用命令操作。同时我们也可以根据不同情况灵活运用，如果你要把硬盘上多于一百个的影视文件分别压缩成压缩包，并加入说明文件，使用可视化操作显示是一件费时费力的工作，但使用命令行写一个简单的批处理循环

如果你想开发一个图形用户界面（GUI）程序，你需要使用相应的图形库来创建窗口，按钮，菜单等控件，并处理用户的输入和输出。比如，如果你使用C++语言，你可以使用Visual Studio, GCC, Clang等编译器来编译你的源代码，并生成exe文件。比如，如果你使用Python语言，你可以使用PyInstaller, Py2Exe, Nuitka等工具来将你的源代码和解释器打包在一起生成exe文件。你可以使用不同的编程语言，不同的图形库，不同的打包工具，甚至不同的开发环境。如何开发一个exe程序？

使用Electron将前后端分离项目打包成桌面端服务，框架涉及SpringBoot，Vue，Nginx，Redis，MySQL，Electron。

背景最近在学习RxJS，平时边看文档边顺手就敲一敲那些API，有时候想回顾一些自己写的东西，就要先把项目跑起来，这也难免有些麻烦。于是乎，就想着把自己写的这个小项目打包成桌面端，方面每次打开电脑就能看。经过网上查阅，比较成熟的解决方案很多，比如electron，nw.js等等。最终选定用electron，因为他的星星最多，哈哈。这个练手Rxjs的小项目是用vue跑的，之前没玩过vue，顺手玩一下。打

vue项目打包成桌面端exe应用（0-1保姆级教程）

搞的比较垃圾 这个是基于vue2.x版本的 后面会出3.x版本 搞了一下午弄得，可能有bug，尝试看看 github地址 https://github.com/dmhsq/electron-vue-dmhsq 或者 https://github.com/dmhsq/electron-vue/tree/main/template electron中的 dist和src为测试 不用理会 克隆文件 git clone https://github.com/dmhsq/electron-vue-dmhsq.gi.

由于公司有这方面的需求，之前自己还没接触过，于是花了点时间撸了下electron-vue文档。 首先贴上electron-vue文档地址：https://simulatedgreg.gitbooks.io/electron-vue/content/cn/ 接着按照文档的详细步骤一步步来： 1、# 安装 vue-cli 和 脚手架样板代码 npm install -g vue-cli 查看vue版本...

本次浅显对比了简单 web 应用的打包，没有涉及到后端的原生计算、交互等，仅供参考。

制作exe文件

非大压缩，没有解压过程，速度应该更快，源代码也更简单，不需要解压代码，自己实现了一下很简单，源文件才200行，实现有效代码更少。一直很喜欢单文件的绿色软件，自己开发的软件也希望做成自己喜欢的样子，但软件又经常需要一些资源文件校图片待二进制文件， 那就不能做成单文件的程序了，为了解决这些问题网上也有解决方案，自己也想到自己更喜欢的解决方案。duilib就有用的这个方法，简单看源码，实现方法也简单，只需一个个cpp文件就可以解决问题。这个方案已经很好了，但linux好象没有资源的东西，跨平台不太好吧。

JavaFx开发的某小工具安装包制作说明书，用到开发工具IDEA,jar包转换exe程序工具exe4j，以及安装包生成工具Inno setup compier。

如何将vue项目打包成.exe文件；electron打包后的.exe文件请求域名为何为file:///；electron打包后的文件路由无法跳转；

最近应朋友所需，开发了一个点单系统，由于放在浏览器中有诸多不便，因此考虑将其打包为exe可执行文件，该文章详细记录了打包步骤与注意事项。

打包的静态资源访问根路径改为 ./（就是打包完之后直接打开index.html能正常访问项目就好）------vue.config.js只需要配置publicPath就好，axios设置请求根路径，后台需要设置允许跨域。使用命令 npm run packager 打包，最终控制台下会出现下面信息表示打包成功，在根目录下会新增fukaiitapp文件夹。npm install electron -g（下载过程成长老是会报connect timeout错误，多install几次就好）

1、打包成功后的样子。

这是一个比较旧的内容，但是一直都没有空写，今天花点时间，把我掌握的C# 分享给初学的人或者感兴趣的人，希望能对你有一定帮助。