 
	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