tinylibs.github.io

Vue 3 + TypeScript + Vite

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

推荐的IDE设置

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

对.vue进口的类型支持在TS中

TypeScript无法默认情况下处理.vue导入的类型信息，因此我们用vue-tsc替换tsc CLI进行类型检查。在编辑中，我们需要打字稿VUE插件（VOLAR）来使Typescript语言服务意识到.vue类型。

如果独立的打字稿插件对您的感觉不够快，Volar还实现了更具性能的接管模式。您可以通过以下步骤启用它：

1. 禁用内置的打字稿扩展程序
   1. Run Extensions: Show Built-in Extensions from VSCode's command palette
   2. Find TypeScript and JavaScript Language Features , right click and select Disable (Workspace)
2. 通过运行Developer: Reload Window重新加载VSCODE窗口。