VSCode保存JavaScript文件时出现异常语法格式化问题

这大概率是VSCode内置的JavaScript/TypeScript格式化工具在搞事情——毕竟你已经禁用了所有第三方扩展，排除了Beautify这类插件的影响，那肯定是编辑器自带的规则在起作用了。

我碰到过好几个类似的案例，核心原因和你提到的「相关标签」直接相关，具体拆解下：

• 内置格式化的触发逻辑：VSCode默认会对JS/TS文件启用内置格式化（只要你开了editor.formatOnSave选项），当代码里包含类HTML结构的标签时——比如JSX标签、模板字符串里的HTML片段——内置工具会自动切换到混合格式化规则：对标签内部的内容应用HTML的缩进规范，这就会导致你说的第7、8行每次保存都自动缩进。
• 为什么移除标签就恢复正常：当你把那些类HTML标签删掉后，代码回到纯JavaScript逻辑，内置格式化工具就会按照纯JS的缩进规则来处理，不会触发额外的HTML式缩进，所以异常就消失了。

如果想调整这个行为，你可以这么做：

1. 打开VSCode设置，搜索editor.formatOnSave，确认是否是保存时自动格式化触发的问题；
2. 搜索javascript.format.enable，可以临时关闭内置格式化来验证；
3. 更精准的方式是在项目根目录创建.vscode/settings.json，添加自定义规则覆盖内置行为，比如针对JSX的缩进设置：

{
  "[javascriptreact]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "javascript.format.insertSpaceAfterOpeningAndBeforeClosingJSXExpressionBraces": false
  }
}

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