Crear aplicación de escritorio con Tauri+Vue3

1. Preparación del entorno bajo Win10

• Nodo v14.18.2
• Hilo v1.22.19
• Descargas de Visual Studio
• Descargar óxido
• Descargue WixTools (utilizado en el último paso del empaquetado), descomprima su paquete comprimido para

C:\Users\admin\AppData\Local\tauri (ruta fija)

1. Crear una aplicación Vite

• hilo crear vite

• Después de la instalación, el navegador se ejecuta

• Actualice el contenido de vite.config.ts

  import {
        
         defineConfig } from 'vite' export default defineConfig({
        
         
  // 防止 vite 输出复杂的 rust 错误 clearScreen: false, 
  // Tauri 使用固定端口，若此端口不可用将会导致程序错误 server: { strictPort: true, }, 
  // 使用`TAURI*PLATFORM`、`TAURI_ARCH`、`TAURI_FAMILY`,
  // `TAURI_PLATFORM_VERSION`、`TAURI_PLATFORM_TYPE`和`TAURI_DEBUG` 环境变量
  envPrefix: ['VITE*', 'TAURI\_'],
  build: {
        
        
  // Tauri 支持 es2021
  target: ['es2021', 'chrome100', 'safari13'],
  // 不为调试构建压缩构建体积
  minify: !process.env.TAURI_DEBUG ? 'esbuild' : false,
  // 为调试构建生成源代码映射 (sourcemap)
  sourcemap: !!process.env.TAURI_DEBUG,
  },
  })
  

2. Crea un proyecto de Rust

• añadir hilo -D @tauri-apps/cli
• Modificar src-tauri/tauri.conf.json

 "build": {
   // this command will execute when you run `tauri build`
   "beforeBuildCommand": "npm run build",
   // this command will execute when you run `tauri dev`
   "beforeDevCommand": "npm run dev",
   <!-- 端口号要和前端的一样 -->
   "devPath": "http://localhost:5173",
   "distDir": "../dist"
 },

• hilo tauri dev ejecutar
• Modifique el comando de inicio de package.json,
  agregue scripts: "tauri": "tauri"
  • Mostrar actualización del índice de crates.io, esperar
• Modifique el número de puerto de inicio de vite:
  • Agregar puerto: número de puerto para servir en vite.config.ts
  • O agregue –port número de puerto en package.json
• Empaquetado en archivo msi (Windows):
  • hilo tauri construir

2. Visualización de resultados

• Después del embalaje:
  • Hay una versión de lanzamiento en el directorio de destino,
  • ejecutar tauri.exe,
  • Hay archivos msi en \release\bundle\msi, que pueden proporcionar la instalación:
  •