如何为基于Vite的Quasar 2项目添加Typescript支持？

• 一键配置官方支持：在项目根目录执行命令 quasar ext add @quasar/typescript，这个官方扩展会自动完成 Vite 环境下的 TypeScript 全套配置，包括生成 tsconfig.json、配置 Vite 编译规则、添加必要类型声明文件，无需手动修改核心配置。
• 自定义 TS 编译规则：若需调整类型检查严格度、文件范围等，直接修改项目根目录的 tsconfig.json，比如开启 strict: true 启用严格模式，或通过 include/exclude 指定编译文件。
• 代码适配要点：
  • 将 .js 文件重命名为 .ts，为函数、变量补充类型注解；
  • Vue 单文件组件中，将 <script> 改为 <script lang="ts">，组合式 API 推荐使用 <script setup lang="ts">，同时为 props、ref、computed 等添加类型定义；
  • 安装 @types/node 补充 Node.js API 类型：执行 npm install -D @types/node。
• 参考资料：Quasar 官方文档中 Vite 构建对应的 TypeScript 支持章节，以及官方 GitHub 仓库中的 Vite+TypeScript 示例项目，可获取更细节的配置示例与最佳实践。

内容的提问来源于stack exchange，提问作者Robert Strauch