本文参考自官网Command Line Interface,是对官网文章的补充说明。
Tauri命令行界面 (CLI) 是在整个开发生命周期中与Tauri进行交互的方式。使用命令行接口需要安装如下依赖:
npm install --save-dev @tauri-apps/cli@latest
命令行工具的使用
像 npm run tauri init
、npm run tauri dev
、npm 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系统的图标。打包应用以后会看到,程序的图标已经被替换了。