tauri-vite-vue

(🧪 WIP) Vite + Vue Starter for Tauri.

Preview: https://tauri-vite-vue.pages.dev/ Docs: <>

Prerequisites

Windows/macOS/Linux require different environments, but Rust and Node.JS are needed.

More info see Prerequisites | Tauri.

Try

GitHub Template

Create a repo from this template on GitHub

Clone to local

If you prefer to do it manually with the cleaner git history

npx degit YunYouJun/tauri-vite-vue my-tauri-app
cd my-tauri-app
pnpm i # If you don't have pnpm installed, run: npm install -g pnpm

Checklist

When you use this template, try follow the checklist to update your info properly

• [ ] Change tauri.bundle.identifier value in src-tauri/tauri.conf.json
• [ ] Change the author name in LICENSE
• [ ] Change the title in App.vue
• [ ] Change the icons in src-tauri
• [ ] Remove the .github folder which contains the funding info
• [ ] Clean up the READMEs and remove routes

And, enjoy :)

Usage

Development

# run it and visit http://localhost:1420
pnpm dev

# run it in tauri
# RUST_BACKTRACE=1 pnpm tauri dev
pnpm tauri dev

# https://tauri.app/distribute/google-play/#changing-app-icon
pnpm tauri icon /path/to/app-icon.png

Android

# https://tauri.app/start/prerequisites/#android
export JAVA_HOME="/Applications/Android Studio.app/Contents/jbr/Contents/Home"
# custom
# export JAVA_HOME="/Users/yunyou/Applications/Android Studio.app/Contents/jbr/Contents/Home"
export ANDROID_HOME="$HOME/Library/Android/sdk"
export NDK_HOME="$ANDROID_HOME/ndk/$(ls -1 $ANDROID_HOME/ndk)"

rustup target add aarch64-linux-android armv7-linux-androideabi i686-linux-android x86_64-linux-android

# dev
pnpm tauri android init
pnpm tauri android dev

iOS

iOS | prerequisites | Tauri

rustup target add aarch64-apple-ios x86_64-apple-ios aarch64-apple-ios-sim

brew install cocoapods

# .env
APPLE_DEVELOPMENT_TEAM=YOUR_TEAM_ID

# fist
pnpm tauri ios init

# run
pnpm tauri ios dev

Build

# Build Tauri App, find it below
pnpm tauri build

# You can use `pnpm build` to build website.

• Windows .msi: src-tauri/target/release (only be created on Windows)
• macOS .dmg: src-tauri/target/release/bundle/dmg (only be created on macOS)
• Linux(Debian) .deb: src-tauri/target/release (only be created on Linux)

Release

The release workflow in .github/workflows/release.yml builds Windows, Linux, macOS Intel, and macOS Apple Silicon bundles, then uploads them to a draft GitHub Release.

Push a version tag to trigger it:

git tag v0.1.0
git push origin v0.1.0

FAQ

Android: packageInfo is null

需为安卓 APK 签名。

keytool -genkey -v -keystore ~/upload-keystore.jks -keyalg RSA -keysize 2048 -validity 10000 -alias upload

# /src-tauri/gen/android/keystore.properties
storePassword=<password from previous step>
keyPassword=<password from previous step>
keyAlias=upload
storeFile=<密钥存储文件的位置，例如 /Users/<user name>/upload-keystore.jks 或 C:\\Users\\<user name>\\upload-keystore.jks>

为应用签名 安卓代码签名｜Tauri

Thanks

• Tauri
• Vite
• Vue
• Vitesse