tauri-app-develop

When to use this skill

ALWAYS use this skill when the user mentions:

• Day-to-day Tauri v2 development workflow
• Dev server vs static assets configuration
• Debugging Rust backend + WebView frontend simultaneously
• Sidecar or resource management
• Testing strategies for Tauri apps

Trigger phrases include:

• "dev workflow", "tauri dev", "debug", "sidecar", "resources", "testing tauri"

How to use this skill

1. Start development mode with hot-reload:

   npm run tauri dev
   

2. Configure dev server in tauri.conf.json:

   { "build": { "devUrl": "http://localhost:5173", "frontendDist": "../dist" } }
   

3. Debug Rust backend using VS Code with lldb or RustRover:
   • Set breakpoints in src-tauri/src/main.rs
   • Attach debugger to the Tauri process
4. Debug WebView frontend using browser DevTools (right-click > Inspect in dev mode)
5. Manage resources by placing files in src-tauri/resources/ and referencing them in tauri.conf.json
6. Configure sidecars for external binaries that ship with your app
7. Test strategies: Use cargo test for Rust, WebDriver for e2e, and @tauri-apps/api/mocks for frontend unit tests

Outputs

• Dev server and hot-reload configuration
• Dual-side debugging setup (Rust + WebView)
• Resource and sidecar management patterns
• Testing strategy recommendation

References

• https://v2.tauri.app/develop/
• https://v2.tauri.app/develop/debug/
• https://v2.tauri.app/develop/tests/

Keywords

tauri develop, dev server, debugging, sidecar, resources, testing, hot reload