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”的警报
vue-cli4.5 搭建( vue3+ TypeScript + ant design2)环境 及 VSCode 代码自动格式化配置