VSCode + Volar (并且禁用 Vetur) + TypeScript Vue Plugin (Volar).
TypeScript 默认情况下无法处理 .vue
文件的类型信息,所以需要使用 vue-tsc
代替 tsc
来检查类型。在编辑器中,我们需要 TypeScript Vue Plugin (Volar) 来让 TypeScript language service 发现 .vue
文件的类型
如果你觉得独立的TypeScript插件不够快,Volar还实现了一个性能更好的接管模式,您可以通过以下步骤开启:
- 禁用内建的 TypeScript 扩展
- 在 VSCode 的命令面板中运行
Extensions: Show Built-in Extensions
- 找到
TypeScript and JavaScript Language Features
, 右键点击并且选择Disable (Workspace)
- 在 VSCode 的命令面板中运行
- 在 VSCode 的命令面板中运行
Developer: Reload Window
重启 VSCode
参阅 VueCli 配置参考.
pnpm install
pnpm start
pnpm build