VS Code中如何设置ES6模板字符串反引号自动配对？

完全懂你这种分心的烦躁感！默认VS Code为了支持输入特殊字符（比如你提到的è），把反引号的自动补全做了延迟处理，其实改个简单设置就能让它和单引号的行为完全一致，下面是具体方案：

方法一：全局启用自动补全 #

这是最直接的方式，一劳永逸：

• 打开VS Code设置界面（快捷键Ctrl+, / Cmd+,）
• 在搜索框输入 editor.autoClosingQuotes
• 将默认值（通常是languageDefined或beforeWhitespace）修改为 always

  说明：改成always后，不管输入单引号、双引号还是反引号，编辑器都会立刻补全第二个符号，并自动把光标定位到两个符号中间，和你想要的单引号补全逻辑完全同步。

方法二：针对特定语言单独配置（可选） #

如果你只想在JavaScript/TypeScript这类常用ES6的语言里生效，不想影响其他语言的特殊字符输入，可以用语言专属设置：

• 打开设置后，点击右上角的{}图标进入JSON格式的设置界面
• 添加以下配置代码：

  "[javascript]": {
    "editor.autoClosingQuotes": "always"
  },
  "[typescript]": {
    "editor.autoClosingQuotes": "always"
  },
  "[javascriptreact]": {
    "editor.autoClosingQuotes": "always"
  }
  

  这样只会在JS/TS/React文件里启用反引号自动补全，其他语言仍保留原有的特殊字符输入逻辑。

额外排查小贴士 #

如果修改后还是不生效，可以暂时禁用一些和自动补全、代码片段相关的插件，排查是否有插件冲突的情况。

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