windows下Tauri2.0项目工程搭建（Vue3 + Rust）

概述

简介

Tauri 是一个非常年轻的用于构建跨平台桌面应用程序的框架。
Tauri 结合了 Web 技术（如 HTML、CSS 和 JavaScript）与本地操作系统的功能。它允许开发者使用前端技术栈来构建桌面应用的用户界面，同时通过其后端集成来访问系统原生的功能，比如文件系统访问、系统托盘、窗口管理等。这使得开发者能够利用熟悉的 Web 开发经验来创建高性能、安全且具有原生体验的桌面应用。

优势

性能方面
与传统的基于 Electron 的桌面应用相比，Tauri 应用通常具有更小的二进制文件大小。因为 Tauri 不包含完整的 Chromium 浏览器引擎（Electron 会包含），而是利用操作系统自带的 WebView 来渲染页面。例如，在一个简单的应用场景下，Tauri 应用可能只有几兆字节，而类似功能的 Electron 应用可能会达到几十兆字节甚至更大。
安全特性
Tauri 非常注重安全性。它通过严格的安全策略来限制前端代码对系统资源的访问。只有明确授权的操作才能访问本地资源，如读取文件、访问网络等。这种安全模型可以有效防止恶意脚本或未经授权的访问，保护用户数据和系统安全。
跨平台能力
Tauri 支持多种主流操作系统，包括 Windows、macOS 和 Linux。开发者可以使用一套代码库来构建在不同操作系统上运行的桌面应用。在不同平台下，Tauri 会自动适配相应操作系统的 WebView 和系统原生功能，使得应用在各个平台上都能保持一致的用户体验和功能完整性。

并且其在2.0支持了移动端开发，之后我们将尝试在移动端的搭建和开发。

搭建环境

其官网 [https://tauri.app/start/prerequisites/]也有相关搭建教程。
依赖
我们首先要安装它所依赖的库包括Microsoft C++，WebView2（Windows10(从版本 1803 开始)及更高版本的 Windows 上可跳过），Rust。本文不详细介绍。

我们用pnpm作为包管理工具，没有pnpm的去查找相关教程下载安装

第一步

pnpm create tauri-app

选择前端语言，框架，包管理工具等。

第二步

cd tauri-app
 pnpm install

如果下载不成功或者下载过慢可以试下修改pnpm的镜像

pnpm config set registry https://registry.npmmirror.com/

然后
第三步

pnpm tauri dev

如果显示这样就代表编译完成！

第四步

我们在vscode下载上图的插件，然后打开文件夹。

点击编译运行发现

原因是在下图两个配置文件的默认端口为1420。而vite启动的服务器端口为4000。我们给它改为1420后成功！

结束

参考链接
Tauri官网
一起学Rust