有没有办法在 vscode / Visual Studio Code Flutter 中自动填充所需的类 / 小部件属性？答案

【问题标题】：Is there a way to autofill required class / widget properties in vscode / visual studio code flutter?有没有办法在 vscode / Visual Studio Code Flutter 中自动填充所需的类 / 小部件属性？
【发布时间】：2023-04-10 17:31:01
【问题描述】：

在构造类/小部件时，通常有一些属性是必需的，一些是可选的（在类构造函数中使用@required 装饰器）。

如果 vscode 自动填写这些属性的必需键（例如 child:、onTap:) 而不是仅仅告诉错误“参数'requiredParameter'是必需的.dart（missing_required_param）”，那就太好了。

例如

//example of the class with constructors that we want to use
class Product {
  final String id;
  final String title;
  final String description;
  double price;
  String imageUrl;
  bool isFavorite;
  Product({
    @required this.id,
    @required this.title,
    @required this.description,
    this.price,
    this.imageUrl,
    this.isFavorite = false,
  });
}

//desired behavior of autocomplete / shortcut
Product(
    id: ,
    title: ,
    description: ,
)

目前，我所做的是从类文档/vscode 弹出指令中手动添加所需的参数（例如：

The parameter 'price' is required.dart(missing_required_param)
The parameter 'id' is required.dart(missing_required_param)
The parameter 'title' is required.dart(missing_required_param)

)

【问题讨论】：

标签： flutter dart visual-studio-code

【解决方案1】：

打开 VS Code settings.json 并添加以下内容：

"dart.previewNewCompletionPlaceholders": true

编辑 2020-01-21：

感谢 William Terrill 对此的评论，此功能不再处于预览状态，可以使用以下命令激活：

"dart.insertArgumentPlaceholders": true

【讨论】：

效果很好，但是如果它将每个属性都放在一个新行中会很酷，现在它们都在一行中。可能吗？
我认为这在设置中被重命名为："dart.insertArgumentPlaceholders" : true

【解决方案2】：

如果您使用的是 VSCode，请安装 Dart Data Class Generator

创建一个具有属性的类。
将光标放在类的第一行、构造函数或一个字段。
按 CTRL + 。打开快速修复对话框。
选择生成构造函数。

【讨论】：