# Tauri + Vue + TypeScript

这个模板旨在帮助您开始使用 Vue 3 和 TypeScript 在 Vite 中进行开发。该模板使用 Vue 3 `<script setup>` SFCs，请查看 [script setup 文档](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) 了解更多信息。

## 项目介绍

本项目为"六维力传感器测试软件"，基于 Tauri + Vue3 + TypeScript 开发。软件通过管道通信实时接收六维力（Fx, Fy, Fz, Mx, My, Mz）数据，支持曲线图、仪表盘、数据表格和 3D 坐标轴等多种可视化方式，方便用户对六维力传感器进行调试、测试和数据分析。适用于科研、工业等多种应用场景。

## 推荐的 IDE 设置

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)

## 对 TS 中 `.vue` 导入的类型支持

由于 TypeScript 无法处理 `.vue` 导入的类型信息，因此默认情况下它们被 shim 为通用 Vue 组件类型。在大多数情况下，如果您不关心模板之外的组件 prop 类型，这没有问题。但是，如果您希望在 `.vue` 导入中获取实际的 prop 类型（例如在使用手动 `h(...)` 调用时获取 prop 验证），您可以通过以下步骤启用 Volar 的 Take Over 模式：

1. 从 VS Code 的命令面板运行 `Extensions: Show Built-in Extensions`，查找 `TypeScript and JavaScript Language Features`，然后右键单击并选择 `Disable (Workspace)`。默认情况下，如果禁用了默认的 TypeScript 扩展，Take Over 模式将自动启用。
2. 从命令面板运行 `Developer: Reload Window` 重新加载 VS Code 窗口。

您可以在 [这里](https://github.com/johnsoncodehk/volar/discussions/471) 了解有关 Take Over 模式的更多信息。

## 运行打包
```
运行
npm install
npm run tauri dev
pnpm tauri dev

打包
npm run tauri build
pnpm tauri build
```