VSCode intellisense自动在定义的对象上生成缺少的TypeScript类型属性

时间:2019-07-15 16:48:06

标签: visual-studio-code vscode-settings

VSCode的intellisense有一个用于拉入所需接口成员的选项。它也可以对TypeScript类型执行此操作吗?

例如,如果我有导出类型:

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

当我创建一个新对象时:

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

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

老实说,我希望它也可以选择引入可选道具。我知道我可以窥视+复制+粘贴,但是然后我必须重新格式化,因为定义和使用类型的语法并不相同。

此功能存在吗?

2 个答案:

答案 0 :(得分:4)

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


我制作了一个名为 TS Quickfixes 的打字稿语言服务器插件和 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

答案 1 :(得分:1)

从VS Code 1.36开始,该快速修复不可用。

正在跟踪功能请求here