在线预览点这里

模板使用 Vue 3 的 <script setup> SFCs, 查看 script setup 文档了解更多信息.

• VS Code + Volar (禁用 Vetur) + TypeScript Vue Plugin (Volar).

默认情况下，TypeScript不能处理.vue导入的类型信息，所以我们用vue-tsc替换tsc CLI来进行类型检查。 在编辑器中，我们需要TypeScript Vue Plugin (Volar)来让TypeScript语言服务察觉到.vue类型。

如果你觉得独立的TypeScript插件不够快，Volar还实现了一个性能更高的Take Over Mode(接管模式)。您可以通过以下步骤启用它:

1. 禁用内置的TypeScript扩展
   1. 从VSCode的命令模式运行Extensions: Show Built-in Extensions
   2. 找到 TypeScript and JavaScript Language Features, 点击鼠标右键选择Disable (Workspace)
2. 通过从命令面板运行Developer: Reload Window来重新加载VSCode窗口。