VS Code中编写Dart时如何实现字符串插值的花括号自动补全？

实现方式 #

该功能不需要额外安装第三方插件，基于VS Code官方Dart扩展的内置能力即可实现，无需依赖VS Code原生默认配置单独支持。

操作步骤 #

• 首先安装VS Code官方维护的Dart扩展，这是开发Dart/Flutter项目的必备基础扩展，字符串插值场景的${}自动闭合能力已经内置在该扩展中。
• 扩展安装完成后默认就会生效，如果未触发自动补全可按照以下路径检查配置：
  1. 打开VS Code设置页（Windows/Linux快捷键Ctrl+,，macOS快捷键Cmd+,）
  2. 搜索autoClosingBrackets，确认配置值为languageDefined（默认值）或always
  3. 再搜索dart.autoClosingBrackets，确认该配置项处于勾选状态（默认已勾选）

效果验证 #

配置完成后输入'this is a ${'时，编辑器会自动补全为'this is a ${}'，光标默认定位在花括号中间，输入插值内容后按Tab可直接跳出花括号继续编写后续字符串内容。

如果配置正确仍然无法触发，可检查是否安装了其他第三方括号自动补全类扩展，同类扩展的逻辑冲突可能会导致Dart内置的自动闭合规则失效，可暂时禁用其他同类扩展排查问题。

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