小米研究的原因是软件结构需要软件操作。我不想使用它,也不是一个网页。我首先想到编写要包装的项目。/...)包装到桌面应用程序中。将前端页面视为这不是很好,但是官方文件相对清晰且全面。您可能会在视频教程中看到可以看到的内容。当您敲开自己时,您会发现各种问题。我认为我拼错了。我看到官方文件已更新..然后,然后
如果您想获取桌面应用程序,那么我们必须快速理解它
:电子控制印刷将以中文出现
只需要输入终端()输入并运行
检查安装是否成功
开始创建电子
创建一个新目录(项目):
初始化文件
记得写作,我记得当我打包时要描述它
启动命令编写的命令,以便每次以这种方式修改终端中的主处理文件时,都可以重新启动该项目,您可以自己修改它
让我们看一下最终文件
以下文件留在我的目录中
分为两个过程主要过程和渲染过程
该文件是主要过程
官员是这样写的
我认为其他人几乎是这样写的
这是渲染过程,也就是说,在首页页面上写东西。作为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:您可以参考此
包装好东西
在我们以前的配置//输出文件路径中很好地包装
您可以看到图标已更改
好吧,基本的包装工作已经结束。您可以编写自己的软件。这只是一个简单的应用教学
真的很棒。建议您在学习时查看官方文件。尽管官方文档中有很多地方没有翻译完成,但它不会影响我们的热情。
电子官方文件