当前位置: 首页 > 网络应用技术

快速启动电子,拥有自己的桌面应用程序

时间:2023-03-06 14:17:40 网络应用技术

  小米研究的原因是软件结构需要软件操作。我不想使用它,也不是一个网页。我首先想到编写要包装的项目。/...)包装到桌面应用程序中。将前端页面视为这不是很好,但是官方文件相对清晰且全面。您可能会在视频教程中看到可以看到的内容。当您敲开自己时,您会发现各种问题。我认为我拼错了。我看到官方文件已更新..然后,然后

  如果您想获取桌面应用程序,那么我们必须快速理解它

  :电子控制印刷将以中文出现

  只需要输入终端()输入并运行

  检查安装是否成功

  开始创建电子

  创建一个新目录(项目):

  初始化文件

  记得写作,我记得当我打包时要描述它

  启动命令编写的命令,以便每次以这种方式修改终端中的主处理文件时,都可以重新启动该项目,您可以自己修改它

  让我们看一下最终文件

  以下文件留在我的目录中

  分为两个过程主要过程和渲染过程

  该文件是主要过程

  官员是这样写的

  我认为其他人几乎是这样写的

  这是渲染过程,也就是说,在首页页面上写东西。作为GUI,这是很多前端。

  这可以用来出现这样的接口,此命令在中间

  在渲染过程中(例如,加载了一些JS文件,如果要使用browserwindow的属性,则必须使用其中的JS)

  使用模块,您可以调用进程对象的方法

  在主过程的窗口中添加参数以调用远程模块

  然后在渲染过程中写入,在这里我直接嵌入JS中

  单击此处的按钮,您可以再次创建一个新窗口

  但这是一个版本的区别,一开始困扰着我很长时间...阅读下一个文档后,我终于更改了文档。我使用了它

  1.您必须自己安装

  2.在主要过程中导入

  3.渲染过程

  1.创建一个新菜单。

  您可以指定菜单的快捷键

  2.随便写页

  3.写main.js

  NPM测试启动

  例如,添加单击事件以创建一个新窗口到Sub -Menu

  渲染

  可以在菜单栏中调用上面的开发人员工具,例如Chrome/Edge浏览器,可用于调试页面

  例如,写一个读写文件示例

  当主线程创建窗口时,必须添加它,

  这样,可以在渲染过程中使用一些语法

  main.js

  main.html的主渲染文件

  index.js已加载JS

  可以看出,在渲染过程中,在内部的加载过程中,可以使用和使用的模块可用于混合

  用于测试的TXT

  项目目录

  渲染

  创建窗口时,您可以设置无边界的框架,而您带来的菜单消失了

  菜单实际上在那里,您仍然可以通过快捷键调用菜单,您可以直接删除菜单

  如何在没有菜单栏的情况下拖动窗口

  在CSS中,您可以将其设置为拖动/禁止阻力

  例如

  效果图:无边界,可以将拖动拖放到设置中

  当您看到上面的图片时,每个人都应该清楚。当我们关闭应用程序时,它实际上是关闭的,但是它并没有完全关闭,但它是隐藏的。

  官方文件:托盘

  主要过程索引

  一开始,我添加了一个系统托盘。当然,您可以在关闭窗口时监视窗口。

  渲染

  需要在主过程和渲染过程之间进行交流

  官方文件:

  ipcmain

  ipcrederer

  Webcontents

  渲染线程的主线程将通过传递来发送--->听

  需要通过发送--->来发送到主线程的渲染线程--->

  主要过程

  在主过程中使用发送消息

  渲染过程的外部链接之一

  用于渲染线程进行监视

  监视,当有新闻时,请使用呼叫。

  还有一个听一次的消息

  在此事件中添加一次性功能。当新消息发送到下一次,然后删除时,这将被调用

  渲染

  发送渲染线程

  并发送同步消息

  在主要过程中监视,这是退出程序

  聆听时,新闻到来时,它将被调用。

  还有一个函数在事件中添加一个时间函数。仅当新闻下次到达时,才要求致电,然后删除。

  渲染

  这很方便进行一些窗口交互。例如,一个新窗口在右下角弹出以提醒

  通过将消息发送到窗口,并带有消息。

  前提是知道相应的渲染过程

  当然,主要过程也可以用作运输站,主要过程首先是主要过程进入其他渲染过程

  那么如何使用包装?毕竟,学习的最初意图是将项目变成桌面应用程序。您之前谈论的是本地方法,因此请继续在下面查看它

  如果不在您的手中,请使用命令行中创建项目/或直接在命令行中创建

  我相信每个人都会,在这里我只是简单地构建一个,您可以在这里跳过它

  默认打开8000个端口服务,并出现一个视觉UI接口

  在左下角选择更多--->项目经理

  创造

  选择目录后在这里创建

  填写一些基本信息,在此处使用NPM来管理我,然后是下一步

  选择预设,我会在这里玩

  哪个插头-in和哪个插头-in,我将在这里默认,因为这是一个简单的示例

  Vue 2.x或3的版本是根据您的习惯,通常写的,通常写的,我在下面选择的标准

  创建项目

  我不会在这里保存预设,然后有很长的等待

  创建完成后,运行项目

  启动项目

  将获得默认页面

  好的,创建项目已经结束,继续

  在插件 - >插件中添加插件搜索,安装第一个

  我默认在此处选择Electorn 13.0.0版本

  安装完成后,它将出现在已安装的插头中

  当然,您也可以将其安装在命令行中

  当前VUE项目下的命令行输入以下命令进行运行

  很好,它已经用完了

  检查文件以查找主进程文件

  主要进程文件是,此文件在

  查看上面的主要进程文件是否熟悉,您可以像以前一样进行一些操作,使用节点混合来完成一些功能

  我们只是在上面运行。移交给老师的软件永远不会故意与环境匹配,因此,这显然是不可能的。然后,我们继续将其包装到可执行文件中

  命令行执行以下命令

  打包时,我打包时做不好...

  我给出的建议是删除目录中的电子

  安装

  如果您不安装它,请安装

  全局安装

  重新安装

  盒

  包装完成,包裹放在项目下的项目中

  双击自动安装它

  这样的应用程序图标出现在桌面上

  单击并检查它,没有问题,但是太低了吗?单击自动安装,并使用默认图标

  安装和包装工具

  9.7.1。首先

  已安装,因此您无需打开网站上的图片

  需要在其中添加说明

  卡卡洛特(Kakarot)我可以修改此图片,您可以自己修改

  是输出文件夹

  命令行输入

  建造完成后,生成了不同尺寸的图片

  9.7.2.vue.config.js是因为我们之前安装的插头 - 不是

  包装普通项目,直接配置

  该配置需要在项目根目录中配置

  如果没有,请建立新的

  9.7.3。执行包装

  好的,成功的包装!

  也许遇到

  包装不平滑航行。包装在此步骤中失败了,因为当包装时,下载一些依赖项,然后下载失败。

  解决方案1:梯子

  解决方案2:您可以参考此

  包装好东西

  在我们以前的配置//输出文件路径中很好地包装

  您可以看到图标已更改

  好吧,基本的包装工作已经结束。您可以编写自己的软件。这只是一个简单的应用教学

  真的很棒。建议您在学习时查看官方文件。尽管官方文档中有很多地方没有翻译完成,但它不会影响我们的热情。

  电子官方文件