我已经很久没有写过一篇文章了。这次确实很忙。最后，我完成了。我将在这里进行审查，并记录探索过程中遇到的问题。
背景：项目需求：我想要一个桌面客户端程序，最好越过平台。
技术选择：由于它具有出色的特征，因此自然而然。我必须选择吗？不，我没有。
知识储备：
Open Electorn的官方网站，首先请参见：
我们经常使用的开发工具被证明是开发和称为它的。
然后去了解特征：
看起来很好。
通过官方网站的主页，我们也应该知道。接下来，我们打开文档的快速输入页面，并逐步构建我们的第一个。
我们需要关注过程模型的部分，并了解每个应用程序中是一个在环境中运行的单个主要过程，以管理多个渲染过程（如果创建多个窗口）和辅助过程。渲染过程，有几种写作方法，百度很多。预载脚本包含在渲染过程中执行的代码，并首先在网页内容上加载。我们通常的方法是通过预加载脚本将数据传输到渲染过程，该脚本将安装在对象下方。
好吧，足以知道这些，其余的就是在特定开发中反复检查的事情。
这次，已经开发了两个应用程序。第一个应用程序相对简单。让我们先谈谈第一个。
考虑到该应用程序相对简单，总共有三页。因此，我不需要单个文件组件，包装，路由等。即使有这个准备好的项目，进行二次开发也可能更方便，我也不会使用它。我认为这样的小项目不应使用工程学来提高复杂性。这是我的想法。骨髓在写作本地发展，感觉很好。
我直接使用显示并隐藏以替换实现路由功能。内部实现原则无非是加载的相应组件。由于渲染过程正在运行，我可以直接使用请求零件。您仍然需要使用框架吗？不要懒惰，自己手写。
在第一个应用程序中，发现的第一个凹坑是渲染过程中存在的对象的方法，从而导致渲染过程被与主过程的通信阻止。给定的解决方案是在预处理中传递数据脚本：
第二个坑是关于包装的。在官方文档中 - Qually，打包并分发您的申请部分。这个包装工具包并不容易使用，后来发现它确实很香。
这是第一个应用程序。没有多少东西。重点在这里。第二个应用程序很难出现。
根据需求，第二个应用程序将在判断后整合很多东西，因此功能更为复杂，因此，一开始，我认为这是一种方便的脚手架，但是这项技术是开发的。我发现现有的脚手架只是版本。我想使用它。来做这个项目并促进技术创新。
我根据vue3.x项目工程环境的启动手柄构建了本文构建的项目模板，该模板基于手柄的开始。它不仅是一个项目，而且还添加了一个依赖项包。关于本地启动方法，包装等，有必要进一步修改它。
这部分是最复杂的，涉及包装配置，我仍在学习，因此我不了解并探索非常深刻的理解和询问。我将在将来学习打包这一部分。工程非常重要。
幸运的是，已经有一个现成的项目模板电子vue-vite。我对包装部分的内容更多是作者的致敬。这是我的一些想法，或者您可以想到这个项目。
思考：该项目需要一个运行的文件来控制应用程序，例如入口文件，以及在渲染过程中至少运行的文件，例如文件以渲染应用程序接口。提出一些数据。
既然包装项目后文件夹下生成的文件是最终在渲染过程中运行的文件，我们仍然缺乏。现在开始修改项目，首先修改目录。我们修改项目目录如下：以下三个部分：
将目录中的原始内容移至目录中。目录的外观类似于以下内容：
修改配置并将包装的根目录更改为。
该文件夹和文件夹考虑到以下内容也可以分为许多小文件模块，然后我们也可以使用两个文件夹单独包装它们。它更适合包装库，因此更适合在此处包装。。
现在，新目录用于编写包装脚本，目录可能如下：
然后，我们转到文件以配置相关包装命令，可能是这样的：
关于使用，您可以阅读NPM脚本使用指南。
现在我们执行命令，包装后的目录如下：
满足了最初思考的三个部分。
在最终集成包装之后，我还添加了以下订单以促进包装：
请注意，符号表示次要执行。
就当前情况而言，我们已经建立了与包装相关的事物，但这只能满足生产环境的需求。在当地开发环境中，我们如何使程序开始并方便地加热负载？
思考：您可以首先启动项目，然后包装文件夹的内容并执行它，因此开发环境的命令将被配置为如下：
注意这里的命令，这三个命令将并行执行。这三个命令的顺序每次可能有所不同，因此包装的脚本（）中都有一个函数。启动后，即在本地起床后，我将在软件包下执行文件的操作文件夹，最后使用包装在本地执行应用程序。
该项目建立得很好，可以更好地完成本地开发和生产环境的包装。然后他开始开发该项目。以下是我在开发中遇到的问题的记录。也许每个人都会遇到这个问题。
开放式官方网站JavaScript入门，生产商，消费者，交换机，路由，RPC的介绍都在文档中，因此文档很好。
关于官方教程，当我建立联系时，我总是没有成功。
第一个问题是我的项目服务器具有证书验证。
第二个问题是，即使我配置了证书，连接也会出现问题。
完整的连接代码，表单，表单，附加收据消息和发送消息示例：
我首先使用了下载文件。我发现下载进度我发现仅在浏览器环境中支持它，并且无法获得环境。您可以在官方网站请求配置上看到：
所以我不再考虑了。最后，我使用了其他两个软件包来实现它。示例如下：
关于断点的继续
需要通过编写脚本来实现此功能。首先，修改中的配置项，添加选项，如下：
关于脚本，您可以访问官方网站查看，请单击此处。
脚本示例如下：
我的项目的根目录中有一个图标文件。打包时，我需要将其移至目录，以便上面“配置”项目中的图标项目中的地址配置。
我还不够愚蠢，无法通过内置的模块操作。我首先检查了该项目是如何做到的。我找到了这个包裹。所以我还去了一个类似的包，所以我找到了这个包裹。示例代码如下：
您可以在官方网站上查看更多使用示例，请单击此处
首先，结论是：申请注册的方法是不可取的，建议放弃。
两个原因：
在知道这一点之前，我尝试了两种方式。
首先是使用NSIS简单服务插件插件。根据文档编写脚本后，我打包程序，然后运行程序以发现该服务已注册，但是无法打开，并且视图不成功。
第二个是命令，就是这样：我直接执行命令注册，并且获得的结果与第一种情况相同。
互联网上的更多人说，我必须将整个程序注册为脚本。此外，我的应用程序必须作为可执行过程包装，因此有必要查看情况，并且不能多云。
我的最终方法是将项目分开。需要注册的部分用作单独的包装。我在这里使用PKG软件包。应该注意的是，如果您未在项目中配置，请不要使用它。否则，另一部分可以显示为图形接口。如果您需要在拆分的两个部分之间进行通信，则可以使用它。WS软件包还不错。
该项目仍在迭代。我将来会记录更多问题。我会在这里录制。欢迎大家讨论。
官员网站
从0开始，为您带来一组标准VUE3.x项目工程环境
电子价值
NPM脚本使用指南
RabbitMQ官方网站JavaScript入门
AMQPLIB官方网站-SSL
Axios官方网站请求配置
Nodejs使用节点-FTCH下载文件并显示下载进度示例
元素构建者官方网站
卷 - 泛胶拷贝
NSIS简单服务插件
NSSM
PKG
WS