tauri桌面应用开发，tauri搭建vue

本内容由系统网小编为大家分享，Windows系统安装教程、办公系统、软件怎么使用、软件使用教程、办公软件攻略等信息。

?质量资源共享?

最近,我打算写一份股票检查软件,例如, 股票持有量太高不合格.10股以下的红利不合格,超过80个 PE 的库存不合格,等等。就像给人检查股票一样。它还根据技术指标和基本方面实施了一些自动库存选择,实时交易点反馈功能等等。我用Vue开发了这样的软件,目前只有我本人在浏览器上使用,许多朋友告诉我:“你把它当作网站了。”先不说别的，这个网站只是录得足够我喝杯酒了!

所以我想制作一台电脑侧的桌面软件,只要在你的电脑上安装它,然后给所有人!在塔乌里出现之前,第一个选择是电子,“核心开发语言是使用js、Vue等来开发桌面应用程序。我们都知道,视觉工作室代码是由电子技术开发的,“施工完成后,可以安装到整个端部。例如,Windows、macOS和Linux都是支持的。但电子开发的安装方案实在太大了,动不动几百MB。一个朋友可能会说,你看看一个视觉工作室代码安装包,它只有几道M,但他们不是微软的团队吗?个人没有力量缩小他们的包.” “这时,塔乌里出现了,电子具有所有的优点,例如,支持前端语言开发,支持跨境安装,更重要的是,使用Tauri来构建应用程序,通常只安装10MB的软件包,本文所安装的版本只有2个文件。也是绝了！」。让我们开始第一部图里桌面应用程序项目。

一、准备工作：

下面的准备是基于安装窗口作为开发操作系统所需的工具。 当这些工具为开发人员设计时,桌面用户不需要安装它们。

1.MicrosoftVisualStudioC++建模工具

首先您需要安装Microsoft Visual Studio C++建模工具,下载地址： Build Tools for Visual Studio 2022 .。可以说,这一步是为整个陶里发展环境做好准备的最重要一步,作者面前的几乎所有失败都是因为这个步骤没有做好. 如果你在前面安装Microsoft Visual Studio C++建模工具,不是上面的页面，而是下面的页面，证明你已经安装了Visual Studio生成工具。我强烈建议您卸载已经安装的Visual Studio生成工具,然后重新安装将输入上面的这页,安装过程必须选择上面图中的红色框的所有内容。

2. WebView2

下载地址是webview2,下载后,你可以按照安装的指示 foolishly。

tauri应用程序依赖于Webview2来渲染显示,按理来说，用户使用Tauri开发的桌面应用程序,用户操作系统必须安装Webview2,否则无法显示。我和朋友进行了实验后,我卸载了Webview2运行时间,Tauri开发的桌面应用程序也可以运行。这就有点神奇了，现在我不懂它的原理,如果有人知道,请告诉我。不胜感激。总之，用户是否需要安装此网页视图2,它必须作为开发者安装。

3. Rust

Tauri的底层基于 therust语言,所以开发者需要安装 therust。建议安装新的rust版本,大于1.60.0,你可以使用 runstc -V看一下 version number ofrust。 我以前用过它1.60.0在发布时,图表下所示的tuuri软件未能构建。

4.安装节点

由于我们软件界面的核心开发语言仍然是JavaScript,所以Nodejs需要安装,需要超过12个版本。node -v检查Nodejs版本号码

新陶里工程

完成工作后,我们使用下列命令npm create tauri-app新陶里工程。这个命令会给我们一些提示,然后根据我们的选项及模板帮助我们新陶里工程。执行命令后,将显示一些塔乌里网站,还有一些链接到网站为筹备塔乌里项目的建设(我们已经完成筹备工作)。提示下面的信息，因此,只要按键盘上的任何键,我们就可以继续建造这个项目。

然后它提示我们输入项目名称(应用程序名称,它将创建一个与当前目录下相同的名称的新目录)和窗口名称(应用程序名称在PC桌面软件左上角)。下面的股票检查和“股票检查”是我输入的应用程序名称和窗口标题。

接下来的步骤是选择前端开发者使用的建模工具(视图),我们选择使用vite。如果你不知道邀请,别惊慌。这里我们不需要知道“邀请”的用途,你甚至不明白维特是什么。它只是作为一种建筑工具。在大多数图里桌面应用程序开发的场景下,你甚至没有经历它的存在。下一步是问你是否想安装Tauri-app/api。当然,我们正在开发Tauri Desktop Application,当然应该选择Y。

然后我给出了信息,并问我们正在开发什么样的前端框架,我选择了Vue。完成此步骤后,项目代码结构自动生成,并显示以下内容来证明我们的项目代码目录成功生成。

熟悉Vue前端项目开发者的朋友会发现该目录结构是否更友好,除了src-tauri目录之外,其余部分基本上与Vue项目结构相同。继我们的桌面应用程序开发之后,与开发Vue项目一样。src-tauri目录在项目构建包装过程中更有效,在 发展 进程 中 很少 参与 。

环境运行项目的发展

当上述新项目完成时,最后的产出资料将显示我们:

执行cd stock-check进入项目目录并执行npm run tauri dev运行项目,运行后可以在浏览器上查看,也可以视作窗口桌面软件。 但是作者的实验中,进入项目目录后,npm run tauri dev还有另外一个命令要执行npm install介绍一些由前端开发者使用的Js依赖模块。 桌面端应用程序运行并开始如下:

构建的第一个运行需要很长时间,并且由于众所周知的理由,一些依赖包可能没有正确安装,需要你事先准备一些网络访问功能。

msi安装文件的项目包装

我们正在开发一个桌面端软件,该软件必须被分配给用户,所以我们需要包装一个安装文件,例如:aaa.exe、bbb,msi等等. 在 src - tuuri目录中有一个tuuri.Conf.Json文件,是Tauri项目环境的配置文件,该文件中包含了JSON结构tauri > bundle > identifier默认值是com.tauri.dev我们需要修改它以包装它。一般来说,你可以逆向修改你的组织域名,例如:com.zimug.stock-check。

修改完成后,可以在tuuri中存储包名版本信息。Conf。 json文件文件中的配置,如上面的包配置。

9M生成msi安装文件在项目根目录中的相对路径下src-tauritargetreleasebundle/msi/stock-check_0.1.0_x64_en-US.msi，将这个msi文件分发给您的用户,他们可以安装您在您的PC上开发的桌面软件。当然,陶里和电子可以是跨平台的,它也可以作为与Windows、MacOS和Linux兼容的桌面应用程序安装包包装。

五、小问题

一些朋友可能会问,我需要学习如何使用Tauri开发桌面终端应用程序? 答案是：不需要！除非您开发与窗口硬件紧密相关的桌面应用程序,例如,蓝牙,驱动器等。否则你不需要任何语言基础。大部分的开发工作都是写接口的,写逻辑数据交互，就像开发网页应用程序一样!如果你觉得有用的话,就给我一个赞美并分享吧! 你的支持是我的创造性动力! 更多 特色 公众号:信合谈.信合博客:zimug.com

XTw.com.Cn系统网专业应用软件下载教程，免费windows10系统,win11,办公软件,OA办公系统,OA软件,办公自动化软件,开源系统,移动办公软件等信息，解决一体化的办公方案。