VSCode Typescript Vue 智能感知（@Component 自动导入）

Question

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

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

@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

是不是因为简写所以不能引用？

Answer 1

好吧，我想我会选择没有 shorthand“用户：用户”

的解决方案

VSCode Typescript Vue 智能感知（@Component 自动导入）

VSCode intellisense for Typescript Vue (Auto import at @Component)

intellisense

typescript

vue.js

visual-studio-code

vetur