Vue 3 + TypeScript + Vite
这个模板可以帮助你开始在Vite中使用Vue 3和TypeScript进行开发。模板使用Vue 3 <script setup> SFCs,查看一下 脚本设置文档 了解更多。
建议的IDE设置
类型支持 .vue TS中的导入
因为TypeScript不能处理类型信息 .vue 导入时,它们默认被设置为通用的Vue组件类型。在大多数情况下,如果你真的不关心模板之外的组件prop类型,这是可以的。然而,如果你想得到实际的道具类型 .vue 导入(例如在使用manual时获取道具验证) h(...) 调用),您可以通过以下步骤启用Volar的接管模式:
- 运行
Extensions: Show Built-in Extensions从VS Code的命令面板,寻找TypeScript and JavaScript Language Features,然后右键单击并选择Disable (Workspace)。默认情况下,如果默认的TypeScript扩展被禁用,接管模式会启用它自己。 - 重新加载vscode窗口运行
Developer: Reload Window从命令面板中。
您可以了解更多关于接管模式 在这里.