visual-studio-code - VSCode 智能感知在定义的对象上自动生成缺少的 TypeScript 类型属性

Question

VSCode 的智能感知有一个选项来拉入所需的界面成员。它也可以为 TypeScript 类型做到这一点吗？

例如，如果我有一个导出类型:

export type Button = {
  id: string;
  text: string;
  color?: ColorOptions;
  icon?: string;
  tooltip?: Tooltip;
};

当我创建一个新对象时:

const button: Button = {
   // No Code Actions.
}

我没有任何代码操作来填充所需的属性。

老实说，我也希望它也可以选择拉入可选 Prop 。我知道我可以查看 + 复制 + 粘贴，但是我必须重新格式化，因为定义和使用类型的语法不一样。

有这个功能吗？

Answer 1

更新:这将成为 future 版本中 Typescript 的一部分，因此您无需安装此扩展 anymoire。 https://github.com/microsoft/TypeScript/pull/44576

我制作了一个名为 TS Quickfixes 的 typescript 语言服务器插件和 vscode 扩展，它添加了这个功能。它是非常基础的，还不支持很多情况，所以如果你的用例没有被涵盖，请提出问题:https://github.com/tamj0rd2/ts-quickfixes
分机号:https://marketplace.visualstudio.com/items?itemName=tamj0rd2.ts-quickfixes-extension
语言服务器插件:https://www.npmjs.com/package/ts-quickfixes-plugin