如何使用JetBrains WebStorm自动完成TypeScript接口

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用JetBrains WebStorm自动完成TypeScript接口相关的知识,希望对你有一定的参考价值。

我在一个单独的文件中有一个Job接口:

export interface Job {
    id: string;
    title: string;
    description: string;
    employerId: string;
    location: {
        address: string;
        city: string;
        state: string;
        zip: string;
    };
    createdAt: string;
}

当我想用它时..

const mockJob: Job = {}

是否有一种快速方法可以为我显示所有属性,以便在WebStorm中键入值?

这里的任何帮助将非常感激,令人讨厌的打字全部。

答案

您想要自动生成属性存根吗?不,现在没有这种可能性,此功能仅在2018.1中可用(请参阅WEB-29614和链接票证)。但你可以在大括号内击中Ctrl+Space并从完成中选择属性

以上是关于如何使用JetBrains WebStorm自动完成TypeScript接口的主要内容,如果未能解决你的问题,请参考以下文章

如何在 WebStorm 或任何其他 JetBrains 产品中使用 WSL 作为默认终端?

TypeScript 自动导入中的 WebStorm/PhpStorm 双引号

WebStorm / PhpStorm在TypeScript自动导入中引用双引号

Jetbrains系列产品(IDEA,WebStorm等)重置试用方法

MacOS | JetBrains WebStorm 2020.1.1

这个 JetBrains/PyCharm/WebStorm 快捷键组合是啥意思?