【Tauri】Vue+Vite+Tauri 开发桌面应用
前置工作
1.安装nodejs
Vue、react等项目运行在node环境，需要安装nodejs
腾讯软件中心直接下载安装即可：https://pc.qq.com/search.html#!keyword=node
设置淘宝源地址（建议）
默认的官方源地址太慢了
npm config set registry https://registry.npmmirror.com
或（淘宝旧源地址，目前已停止维护，优先使用上一个）
npm config set registry http://registry.npm.taobao.org
2.安装 tauri-cli脚手架
创建时候不会报错，运行时候会提示，先前置安装
yarn add @tauri-app/cli
或（优先上面）
npm install @tauri-app/cli
或（下面两个国内源安装不到）：
npm install -g tauri-cli
或：
yarn global add tauri-cli
安装Rust
Tauri是用Rust编写的，需要安装Rust
https://v1.tauri.app/zh-cn/v1/guides/getting-started/prerequisites/#3-rust
windows 直接在命令行执行这段代码也可行
winget install --id Rustlang.Rustup
查看安装情况：
rustup default stable-msvc
安装Microsoft C++ 构建工具（windows系统需要）
Tauri 使用 Microsoft C++ 构建工具进行开发以及 Microsoft Edge WebView2。这些都是在 Windows 上进行开发所必需的。
官方下载地址：https://tauri.app/zh-cn/start/prerequisites/#microsoft-c-%E6%9E%84%E5%BB%BA%E5%B7%A5%E5%85%B7
安装
修改配置
安装过程
需要很久，有点大。这步骤必须的，否则运行不起来，缺失很多依赖项
安装Microsoft Edge WebView2（windows系统，win11自带可忽略）
下载地址：https://developer.microsoft.com/zh-cn/microsoft-edge/webview2/?form=MA13LH#download
创建Tauri应用
官方文档：https://tauri.app/zh-cn/start/create-project/#%E4%BD%BF%E7%94%A8-create-tauri-app
使用npm创建
npm create tauri-app@latest
步骤选择见图：
运行项目（见上图方框三个步骤）
打开目录
cd tauri-vue-demo
安装依赖项
npm install
运行tauri应用
运行安卓执行：
npm run tauri android init
运行H5应用执行：
npm run tauri dev
若是执行安卓开发：
若是 执行dev
备注：如果没有运行成功，各种报错。请先安装前置条件的内容
运行效果
打包项目
打包命令
npm run tauri build
或：
yarn tauri build
打包完成
win包
tauri-vue-demo\src-tauri\target\release\tauri-vue-demo.exe
mac包
自己测，windows系统打不了
项目包：8M多点，挺小的（electron打包优化后起码70M+）
问题集锦
1.安装过程报错
请先安装前置条件的内容
执行以下方式不能解决问题。根本原本是环境缺失
不要用，不生效
npm install @tauri-apps/windows_x86_64_msvc
2.脚手架未安装
yarn add -D @tauri-app/cli
或者（下面npm方式可能不可用）
npm install -g @tauri-app/cli
安装过程会提示要删除 package.json
打包错误缺失zip包
方案01
使用VPN，直接拉取zip包，一把过
方案02
没摸索出来… 以后有了再更新。下载后放C盘用户local文件夹下不生效。若更新看留言