vue-cli-plugin-tauri icon indicating copy to clipboard operation
vue-cli-plugin-tauri copied to clipboard

Turn your Vue SPA into a lightweight cross-platform desktop app

vue-cli-plugin-tauri

Tauri is a toolkit for creating smaller, faster, and more secure desktops applications with a web frontend. This plugin configures Tauri to work in your Vue CLI project.

Installation

Please visit the documentation website or our discord server if you have any problems.

General Prerequisites:

  • NodeJS/npm
  • Vue CLI (yarn global add @vue/cli / npm i -g @vue/cli)
  • Rust/Cargo

Detailed Prerequisite Installation Instructions:

  • Linux: https://tauri.studio/docs/get-started/setup-linux
  • Mac: https://tauri.studio/docs/get-started/setup-macos
  • Windows: https://tauri.studio/docs/get-started/setup-windows

Steps:

  1. Create a Vue CLI project (or cd into an existing one)
vue create my-tauri-app
cd my-tauri-app
  1. Install Vue CLI Plugin Tauri
vue add tauri
  1. Run commands

With Yarn:

# Start dev server with HMR
yarn tauri:serve
# Build executable
yarn tauri:build

With npm:

# Start dev server with HMR
npm run tauri:serve
# Build executable
npm run tauri:build