Vue + JS + tauri 开发一个简单的PC端桌面应用程序

百里狂生

已于 2024-01-15 21:10:15 修改

阅读量3.6k

点赞数 27

分类专栏： node vue javascript 文章标签： javascript vue.js 前端 tauri

于 2024-01-15 20:55:56 首次发布

本文链接：https://blog.csdn.net/Li_dengke/article/details/135609669

版权

本文介绍了如何利用Vue.js和Tauri框架开发一款轻量级的PC端桌面应用程序，包括环境配置（安装VisualStudioC++和Rust），创建Vue项目并配置Vite打包，以及Tauri的应用管理和打包过程。通过实例分享，展示了从零开始构建桌面应用的完整步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Tauri ¹是一款应用构建工具包，让您能够为使用 Web 技术的所有主流桌面操作系统构建软件。tauri 框架与 electron 非常相似。

	tauri	electron
体积	10MB	100MB
打包速度	2s	17s

1. 环境准备

# PowerShell
PS C:\> winget install --id Rustlang.Rustup

Tauri 由一个可搭配任何前端来构建桌面应用的框架和 Rust 核心构成。

预览以下效果：
在这里插入图片描述

# npm
$ npm create vite@latest

import {
    defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export