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