创建一个新的Tauri+Vue 桌面windows项目

环境安装步骤:

1、必须安装 Microsoft Visual Studio C++ 构建工具
2、Node.js 运行时和包管理器
3、Rustc 和 Cargo 包管理器
4、安装 WebView2
5、创建项目


1、安装 Microsoft Visual Studio C++ 构建工具

因为我本机安装了Visual Studio 2019,安装vs2019时自动安装了构建工具,所以我这里就没操作这步。

Microsoft Visual Studio C++
在这里插入图片描述

2、Node.js 运行时和包管理器

node 版本在12以上

3、Rustc 和 Cargo 包管理器

现在你需要安装Rust。最简单的方法是使用官方安装程序rustup。

64位下载链接
32位下载链接
在这里插入图片描述
双击运行rustup-init.exe,按默认1就可以了。
在这里插入图片描述
出现上面“Press the Enter key to continue”安装完成了,按回车结束。

4、安装 WebView2

下载地址 WebView2
在这里插入图片描述

上面步骤安装完后,一定要重新启动计算机,以免部分环境没有生效

5、创建项目

yarn create tauri-app
#OR
npx create-tauri-app

用vscode打开一个存放项目的目录文件夹,执行上面命令会创建一个tauri-app文件夹名称的项目。
在这里插入图片描述
根据你的情况自己配置项目信息
在这里插入图片描述

安装 @tauri-apps/api
在这里插入图片描述

选择vite模板
在这里插入图片描述

安装依赖
在这里插入图片描述

创建成功(上面的失败还没查到什么原因),项目文件是创建成功了。
在这里插入图片描述

打开package.json,在scripts里面修改启动命令:

"tauri": "tauri" 
修改为:
"tauri": "tauri dev"

在这里插入图片描述

在终端执行:npm run tauri
在这里插入图片描述

第一次运行此命令时,Rust 包管理器需要几分钟时间来下载和构建所有必需的包,请赖心等待
在这里插入图片描述
到这里就构建完成了
在这里插入图片描述

项目展示
在这里插入图片描述

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

leewen5

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值