【Tauri2.0教程(八)】Tauri命令行接口的使用

93 阅读3分钟

本文参考自官网Command Line Interface,是对官网文章的补充说明。

Tauri命令行界面 (CLI) 是在整个开发生命周期中与Tauri进行交互的方式。使用命令行接口需要安装如下依赖:

npm install --save-dev @tauri-apps/cli@latest

命令行工具的使用

npm run tauri initnpm run tauri devnpm run tauri build等命令在之前的文章中已经用过多次。他们分别是初始化tauri项目,以开发方式运行tauri项目,构建tauri项目等,这些命令可以看出来,命令行工具是服务于我们开发tauri项目的生命周期的,这些命令不再赘述。

生成icon

项目初始化过程中,会自动生成应用的图标,默认是tauri自己的图标。当我们要构建自己的项目的时候需要用到自己的应用图标。

图标默认存在src-tauri/icons文件夹下面,可以看到有许多不同尺寸的图标,这些图标如果我们自己来制作会非常麻烦,但幸运的是,tauri给我们提供了生成不同尺寸图标的方式:

npm run tauri icon
Generate various icons for all major platforms

Usage: tauri icon [OPTIONS] [INPUT]

Arguments:
  [INPUT]  Path to the source icon (squared PNG or SVG file with transparency) [default: ./app-icon.png]

Options:
  -o, --output <OUTPUT>        Output directory. Default: 'icons' directory next to the tauri.conf.json file
  -v, --verbose...             Enables verbose logging
  -p, --png <PNG>              Custom PNG icon sizes to generate. When set, the default icons are not generated
      --ios-color <IOS_COLOR>  The background color of the iOS icon - string as defined in the W3C's CSS Color Module Level 4 <https://www.w3.org/TR/css-color-4/> [default: #fff]
  -h, --help                   Print help
  -V, --version                Print version

需要注意的是,生成图标之前要事先准备一张png或者svg格式,尺寸为正方形的图片,否则运行上述命令会报错。准备好以后执行命令:

 npm run tauri icon .\src\assets\weread.png

> sharpify@0.0.1 tauri
> tauri icon .\src\assets\weread.png

    Appx Creating StoreLogo.png
    Appx Creating Square30x30Logo.png
    Appx Creating Square44x44Logo.png
    Appx Creating Square71x71Logo.png
    Appx Creating Square89x89Logo.png
    Appx Creating Square107x107Logo.png
    Appx Creating Square142x142Logo.png
    Appx Creating Square150x150Logo.png
    Appx Creating Square284x284Logo.png
    Appx Creating Square310x310Logo.png
    ICNS Creating icon.icns
    ICO Creating icon.ico
    PNG Creating 32x32.png
    PNG Creating 128x128.png
    PNG Creating 128x128@2x.png
    PNG Creating icon.png
    PNG Creating mipmap-hdpi/ic_launcher_foreground.png
    PNG Creating mipmap-hdpi/ic_launcher_round.png
    PNG Creating mipmap-hdpi/ic_launcher.png
    PNG Creating mipmap-mdpi/ic_launcher_foreground.png
    PNG Creating mipmap-mdpi/ic_launcher_round.png
    PNG Creating mipmap-mdpi/ic_launcher.png
    PNG Creating mipmap-xhdpi/ic_launcher_foreground.png
    PNG Creating mipmap-xhdpi/ic_launcher_round.png
    PNG Creating mipmap-xhdpi/ic_launcher.png
    PNG Creating mipmap-xxhdpi/ic_launcher_foreground.png
    PNG Creating mipmap-xxhdpi/ic_launcher_round.png
    PNG Creating mipmap-xxhdpi/ic_launcher.png
    PNG Creating mipmap-xxxhdpi/ic_launcher_foreground.png
    PNG Creating mipmap-xxxhdpi/ic_launcher_round.png
    PNG Creating mipmap-xxxhdpi/ic_launcher.png
    iOS Creating AppIcon-20x20@2x-1.png
    iOS Creating AppIcon-20x20@1x.png
    iOS Creating AppIcon-20x20@2x.png
    iOS Creating AppIcon-20x20@3x.png
    iOS Creating AppIcon-29x29@2x-1.png
    iOS Creating AppIcon-29x29@1x.png
    iOS Creating AppIcon-29x29@2x.png
    iOS Creating AppIcon-29x29@3x.png
    iOS Creating AppIcon-40x40@2x-1.png
    iOS Creating AppIcon-40x40@1x.png
    iOS Creating AppIcon-40x40@2x.png
    iOS Creating AppIcon-40x40@3x.png
    iOS Creating AppIcon-60x60@2x.png
    iOS Creating AppIcon-60x60@3x.png
    iOS Creating AppIcon-76x76@1x.png
    iOS Creating AppIcon-76x76@2x.png
    iOS Creating AppIcon-83.5x83.5@2x.png
    iOS Creating AppIcon-512@2x.png

会看到生成了非常多尺寸的icon文件。甚至还包含了安卓和iOS系统的图标。打包应用以后会看到,程序的图标已经被替换了。

image.png