编辑 | blame | 历史 | 原始文档

Tauri + Vue + TypeScript

这个模板旨在帮助您开始使用 Vue 3 和 TypeScript 在 Vite 中进行开发。该模板使用 Vue 3 <script setup> SFCs,请查看 script setup 文档 了解更多信息。

项目介绍

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

推荐的 IDE 设置

对 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 窗口。

您可以在 这里 了解有关 Take Over 模式的更多信息。

运行打包

运行
npm install
npm run tauri dev
pnpm tauri dev

打包
npm run tauri build
pnpm tauri build