如何在Flutter中创建自定义缩写以实现VSCode自动补全？

当然可以实现，和STF/STL这类内置缩写逻辑完全一致，通过VSCode的用户代码片段功能就能搞定，具体操作步骤如下：

• 打开代码片段配置面板：按Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac）唤起命令面板，输入Preferences: Configure User Snippets，选择flutter.json（如果没有这个文件，就选New Global Snippets file并命名为flutter.json）。

• 编写BDY自定义模板：在打开的json文件中添加以下代码，其中prefix是触发缩写的关键词，body里的${1:PageBody}是可编辑的占位变量，按Tab键可以切换到下一个占位符${2:...}：

"Standard Page Body Template": {
    "prefix": "BDY",
    "body": [
      "class ${1:PageBody} extends StatelessWidget {",
      "  const ${1:PageBody}({super.key});",
      "",
      "  @override",
      "  Widget build(BuildContext context) {",
      "    return Container(",
      "      padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 20),",
      "      child: Column(",
      "        crossAxisAlignment: CrossAxisAlignment.stretch,",
      "        children: [",
      "          ${2:// 在这里添加页面内容组件}",
      "        ],",
      "      ),",
      "    );",
      "  }",
      "}"
    ],
    "description": "生成应用页面的标准Body模板类"
  }

• 测试使用：在Dart文件中输入BDY，VSCode会弹出补全提示，选中后按Tab或回车，模板就会自动生成。此时光标会定位到PageBody位置，直接修改类名即可，按Tab还能跳转到注释位置添加具体组件。

内容的提问来源于stack exchange，提问作者tekboxs