Typescript Vue 的 VSCode 智能感知(@Component 自动导入)

Posted

技术标签:

【中文标题】Typescript Vue 的 VSCode 智能感知(@Component 自动导入)【英文标题】:VSCode intellisense for Typescript Vue (Auto import at @Component) 【发布时间】:2021-06-10 16:02:48 【问题描述】:

我目前正在使用 Typescript 和 Vue 在 VSCode 中开发一个小项目。 我的 VSCode 带有以下插件 TSLint、TSLint Vue、Vetur 和 Prettier。

每当我尝试像这样从@Component 部分引用一个类时,我都无法让智能感知“自动导入”部分工作。

@Component(
  components: 
    User //Here it doesn't work
  ,
)

Example of the error when trying to auto import

但正如您在代码中进一步看到的那样,它可以工作。

import User from '@/models/user';

@Component(
  components: 
    User //Here it doesn't work
  ,
)
export default class Project extends Vue 
  user: User = new User(); //Here i can get the intellisense to auto import "User"

Example of the intellisense working fine

是不是因为简写不能引用?

【问题讨论】:

【参考方案1】:

好吧,我想我会使用没有速记“用户:用户”的解决方案

【讨论】:

以上是关于Typescript Vue 的 VSCode 智能感知(@Component 自动导入)的主要内容,如果未能解决你的问题,请参考以下文章

Vue 3 + TypeScript:使用 JS 扩展运算符从 setup() 返回的对象在 vscode 中引发错误

在 Vue 2 / Nuxt / Typescript / @nuxtjs-composition-api 项目中使用 VSCode Volar 扩展

带有 Vetur 的 VSCode 中带有 Typescript 的 NativeScript-Vue:在类型“void”上不存在属性“then”的警报

存下 VSCode 中格式化 Vue 的配置

vue-cli4.5 搭建( vue3+ TypeScript + ant design2)环境 及 VSCode 代码自动格式化配置

vue3 VsCode的保存代码格式设定