Simple project template for Tauri and Vue 3.
pnpm
by default):pnpm i
A Tauri app has at least two processes:
backend
, or main process in Electron terminology), andfrontend
, or renderer in Electron)Both back- and frontend start with a single command:
pnpm dev
pnpm test
Backend code lives in src-tauri/
(Following commands are to be run from there.)
If you have cargo-outdated installed:
cargo outdated
If you have cargo-edit installed:
cargo upgrade
dev
command has by default RUST_BACKTRACE=1
set which makes Rust output full backtraces to the console. (Remove it from the package.json
command if you don't want it).Debug Tauri
config.The project has GitHub Actions set up which will automatically test and build your app with every push and PR. For building manually:
pnpm build
package.json
, src-tauri/Cargo.toml
, and src-tauri/tauri.conf.json
. (This could be easier!)pnpm check
to update Cargo.lock
vX.Y.Z
titleBarStyle: 'hidden'
in Electron)Tauri doesn't currently offer a method to hide the title bar without hiding all window chrome. There is, however, a fairly simple way to do it manually (with certain limitations; see Tauri issue #2663 for details).
cocoa
and objc
crates to dependenciesset_transparent_titlebar
and position_traffic_lights
from this gist: https://gist.github.com/Uninen/5377381eb81bdcd71b9d1859e46e3e29set_transparent_titlebar
and position_traffic_lights
from setup
and on_window_event
(example in the gist starting line 114) on any window you want affected.This implementation works but results in visible jerkyness of the traffic lights (on macOS) when the window is resized. (Alternatives discussed in detail in the issue #2663)
Contributions are welcome! Please follow the code of conduct when interacting with others.