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

Question

我在单独的文件中有一个 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 中输入值？

如有任何帮助，我们将不胜感激，将它们全部打出来会很烦人。

Answer 1

您想要自动生成属性存根吗？不，现在没有这种可能性，此功能仅在 2018.1 中可用（参见 WEB-29614 和链接的工单）。 但是您可以在大括号内点击 Ctrl+Space 并从 completion

中选择属性