如何在 VS Code 中为模板中的 vue 道具启用 Typescript 打字和智能感知？

Posted 2023-02-22

【中文标题】如何在 VS Code 中为模板中的 vue 道具启用 Typescript 打字和智能感知？

【英文标题】：How enable Typescript typing and intellisense for vue props in template in VS Code?

【发布时间】：2019-05-08 06:50:22

【问题描述】：

我正在使用安装了 vetur 扩展的 Vue 和 VS Code。

我已经定义了一个具有两个公共属性的MyClass 类。在“脚本”部分中，我能够为 value 属性获得正确的智能感知。

但我无法检查智能感知，也无法在模板内输入强制执行。如下图。

我应该只看到enabled 和number。

如何配置我的 VS Code 以在模板上强制执行这种类型？

【参考方案1】：

使用Vetur 扩展：

在设置中：

"vetur.experimental.templateInterpolationService": true,

【讨论】：

使用此选项在功能组件中获取错误： props.author.fullName 属性 'props' 在类型 'CombinedVueInstance>'。您的意思是“$props”吗？Vetur(2551)