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

CAl*_*lex 5 visual-studio-code vscode-settings

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

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

export type Button = {
  id: string;
  text: string;
  color?: ColorOptions;
  icon?: string;
  tooltip?: Tooltip;
};
Run Code Online (Sandbox Code Playgroud)

当我创建一个新对象时:

const button: Button = {
   // No Code Actions.
}
Run Code Online (Sandbox Code Playgroud)

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

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

有这个功能吗?

tam*_*rd2 6

更新:这将成为未来版本中 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


Mat*_*ner 2

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

此处正在跟踪功能请求

  • 快2年了:( (3认同)