Tauri + Vue + TypeScript

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

推荐的 IDE 设置

• VS Code + Volar + Tauri + 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 窗口。

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

运行打包

运行
npm install
npm run tauri dev
pnpm tauri dev

打包
npm run tauri build
pnpm tauri build