tauri+rust开发一个pc端桌面ai聊天助手exe应用教程
今天我们用tauri++rust来开发一个pc端桌面ai聊天助手exe应用,rust比较快,tauri打包出来的exe也是比较小的。打包后只有11M左右,先看运行效果:

下面我们来分享搭建步骤:
先本地安装rust运行环境
打开:https://rustup.rs/
点击exe下载后双击运行,直接按enter键等待安装完成即可。

项目目录结构

src是存放vite开发的前端html代码,而src-tauri则是tauri的项目源码,
先看package.json
{
"name": "tauri-ai-assistant",
"version": "0.1.0",
"private": true,
"type": "module",
"scripts": {
"dev": "vite --host",
"build": "vite build",
"preview": "vite preview",
"tauri:dev": "tauri dev",
"tauri:build": "tauri build"
},
"dependencies": {
"@tauri-apps/api": "^2.8.0"
},
"devDependencies": {
"@tauri-apps/cli": "^2.0.0-alpha.17",
"vite": "^4.4.9"
}
}
vite.config.js
import { defineConfig } from 'vite'
// https://vitejs.dev/config/
export default defineConfig({
base: '',
root: 'src',
publicDir: '../public',
build: {
outDir: '../dist',
target: process.env.TAURI_PLATFORM == 'windows' ? 'chrome105' : 'safari13',
emptyOutDir: true,
sourcemap: !!process.env.TAURI_DEBUG
},
server: {
port: 5173,
strictPort: true,
host: true,
open: false
},
optimizeDeps: {
include: ['@tauri-apps/api']
},
envPrefix: ['VITE_', 'TAURI_']
})
先开发前端,使用vite,通过npm run dev来开发,npm run build来打包dist

main.js中主要使用tauri-apps/api调用tauri中的方法:
import './style.css'
import { invoke } from '@tauri-apps/api/core'; // ✅ Import invoke from official package
const messagesEl = document.getElementById('messages')
const form = document.getElementById('promptForm')
const input = document.getElementById('prompt')
const send...点击查看剩余70%
网友评论0