桌面端开发(Tauri)开启第一篇

简介: 桌面端开发(Tauri)开启第一篇

Tauri:“使用 Web 前端构建更小、更快、更安全的桌面应用程序。”,使用taurl的基础环境包括Rust,Node(可选)和各操作系统中的构建工具,如:build-essential, xcode-select or C++ build tools。


前置安装(Windows)安装:


  1. 系统依赖:visualstudio.microsoft.com/zh-hans/vis…,下载后选择使用C++的桌面开发进行安装。

1.png记得卸载掉2017的版本,如果有安装的话,在安装完成后要记得重启。2.png

  1. Rust:win.rustup.rs/x86_64win.rustup.rs/i686
  2. WebView2:developer.microsoft.com/en-us/micro…

注:安装后按照提示配置环境变量,配置重启终端来检测(rustc -V)环境变量是否配置成功;


创建一个全新的Tauri-App:


     当我们要做一款全新的软件时就可以考虑使用npx create-tauri-app来直接创建,当我们要扩展现有的软件支持桌面端时就可以通过增加@tauri-apps/cli为开发依赖来做,我们先按全新的方式开进行操作。

  1. 执行创建的命令后我们按默认选择,在选择What UI recipe would you like to add?选择了我最熟悉的VueCLI

3.png

  1. 接着就是使用VueCLI创建基础的Vue项目了,选择就按自己最常用的选项即可。

4.png

  1. 初始化完后终端就提示了我们最终的启动命令,初次启动后会拉取一些依赖,需要多等待一会儿。

5.png

  1. 运行npm run tauri:serve启动程序:

6.png注:当我们遇到一些问题的时候我们可以先运行yarn tauri info来查看一下各依赖的版本信息,在去Issuse中搜索查找。


快速构建CLI:


定义终端指令的文件:src-tauri\tauri.conf.json,在tauri节点下新增cli节点。

  1. 按索引来识别参数,执行参考./app tauri.txt dest.txt
{
  "tauri": {
    "cli": {
      "description": "执行打印",
      "longDescription": "执行打印HelloWorld信息",
      "beforeHelp": "准备打印",
      "afterHelp": "打印结束",
      "args": [
        {
          "name": "input",
          "index": 1,
          "takesValue": true
        },
        {
          "name": "output",
          "index": 2,
          "takesValue": true
        }
      ]
    }
  }
}
复制代码
  1. 按名称来识别参数,执行参考./app --type foo bar./app -t foo -t bar./app --type=foo,bar
{
  "tauri": {
    "cli": {
      "description": "执行打印",
      "longDescription": "执行打印HelloWorld信息",
      "beforeHelp": "准备打印",
      "afterHelp": "打印结束",
      "args": [
        {
          "name": "type",
          "short": "t",
          "takesValue": true,
          "multiple": true,
          "possibleValues": ["foo", "bar"]
        }
      ]
    }
  }
}
复制代码
  1. 按标志来识别参数,当参数会多次出现时会用到,执行参考./app -v -v -v./app --verbose --verbose --verbose./app -vvv
{
  "tauri": {
    "cli": {
      "description": "执行打印",
      "longDescription": "执行打印HelloWorld信息",
      "beforeHelp": "准备打印",
      "afterHelp": "打印结束",
      "args": [
        {
          "name": "verbose",
                "short": "v",
                "multipleOccurrences": true
        }
      ]
    }
  }
}
复制代码
  1. 我们还可以通过配置subcommands节点来实现二级命令的配置,实现丰富的CLI功能。
    解析命令:我们通过在Vue的入口(src\main.js)处增加配置来演示,如果提示未安装@tauri-apps/api/xxx,请执行命令安装:npm install @tauri-apps/api
import { getMatches } from '@tauri-apps/api/cli'
getMatches().then((matches) => {
  console.log('[ matches ] >', matches)
})
复制代码

7.png

8.png


总结:


     通过第一个Tauri-App的创建和配置CLI命令和解析,目前看起来安装还是相对复杂,在网上搜索到的一些教程都有说要配置镜像,我是通过开源的编程辅助工具来上网的,初次使用配置CLI还挺简单,网上的对比也集中在包体积的大小和Rust的执行速度上,接着要学Tauri的话还需要学习Rust语法,加油吧XDM!!!



相关文章
|
6天前
|
JSON JavaScript 前端开发
开发桌面程序-Electron入门
【10月更文挑战第16天】Electron 是一个使用 JavaScript、HTML 和 CSS 构建跨平台桌面应用的框架,嵌入了 Chromium 和 Node.js。本文介绍了如何搭建 Electron 开发环境,包括安装 Node.js、创建项目、配置 main.js 和打包应用。通过简单的步骤,你可以快速创建并运行一个基本的 Electron 应用程序。
开发桌面程序-Electron入门
|
3月前
|
开发工具 图形学 Android开发
从零开始的unity3d入门教程(一)----环境配置
该文章是《从零开始的Unity3D入门教程》系列的第一篇,详细介绍了Unity3D的环境配置过程,包括注册Unity账户、下载安装Unity Hub和Unity编辑器、配置许可证、创建Unity项目、下载安装Visual Studio 2022以及将Unity与Visual Studio相关联等步骤。
从零开始的unity3d入门教程(一)----环境配置
|
3月前
|
开发工具 Android开发 iOS开发
从零开始学 Xamarin 开发,新手教程全攻略,安装环境、创建项目、设计界面,轻松开启开发之旅!
【8月更文挑战第31天】Xamarin是一种高效的跨平台移动应用开发工具,迎合了日益增长的移动应用需求。本文为Xamarin新手提供了一套详尽的入门指南,涵盖开发环境搭建、项目创建与配置、用户界面设计及功能实现等关键步骤。通过具体示例,帮助初学者快速上手Xamarin开发,开启移动应用创作之旅。
42 0
|
3月前
|
开发者 C# UED
如何轻松将WinUI控件引入Web应用?Uno Platform实战攻略——从环境搭建到性能优化,一探究竟!
【8月更文挑战第31天】Uno Platform 通过支持 WebAssembly,将 WinUI 控件无缝带入 Web,为多平台开发提供了新途径。本文介绍如何在 Web 中使用 WinUI 控件,包括环境搭建、控件使用、性能优化、样式调整及测试调优,助力开发者打造高质量跨平台应用。
53 0
|
3月前
|
开发框架 前端开发 C#
从零开始学 Blazor 创建 Web 应用,入门指南超详细!带你轻松开启精彩的开发之旅!
【8月更文挑战第31天】在互联网时代,Web应用开发愈发重要,Blazor作为新兴框架,允许使用C#和.NET技术构建交互式Web应用,提高开发效率与代码可维护性。本文将从零开始引导读者了解Blazor的基本概念,安装设置步骤,项目创建及运行方法。通过简单的示例介绍Blazor的基本结构,包括Pages、Shared等文件夹用途,以及Program.cs文件的功能。同时,还将演示如何创建Razor页面和组件,实现数据绑定与事件处理,帮助读者快速入门Blazor开发。
123 0
|
6月前
|
存储 JavaScript API
《VitePress 简易速速上手小册》第7章 高级功能与动态内容(2024 最新版)(上)
《VitePress 简易速速上手小册》第7章 高级功能与动态内容(2024 最新版)
275 2
|
6月前
|
存储 缓存 自然语言处理
《VitePress 简易速速上手小册》第7章 高级功能与动态内容(2024 最新版)(下)
《VitePress 简易速速上手小册》第7章 高级功能与动态内容(2024 最新版)
150 1
|
Linux 开发工具 git
[笔记]ubuntun18.0+clion+qt5 搭建跨平台应用环境
[笔记]ubuntun18.0+clion+qt5 搭建跨平台应用环境
165 0
|
编译器 C# 数据库
C#之二十二 WIN应用程序的安装部署
C#之二十二 WIN应用程序的安装部署
64 0
|
6月前
|
编译器 C语言 C++
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程
VSCode上搭建C/C++开发环境(vscode配置c/c++环境)Windows系统---保姆级教程