Visual Studio 保存时出现代码奇怪格式

Question

当我 select 保存任何文件时，VS CODE 使用此格式化我的文本 {" "} 谁知道为什么？

       <Grid container justify="center">
          <Grid item>
            <Link
              href="/politicas"
              target="_blank"
              variant="body1"
              className="login-text login-conditions"
              color="textSecondary"
            >
              Recuerda: Al registrarte, aceptas los{" "}
              <b>Términos y Condiciones de Uso</b> y{" "}
              <b>Políticas de Habeas Data.</b>
            </Link>
          </Grid>
          {this.renderButton("Unirse")}
        </Grid>

Answer 1

这很可能会发生，因为您不应该在代码行的末尾添加尾随 space。因此，VSCode 将删除它们。但是，如果您删除它们，那么您将在渲染的 JSX / HTML 中丢失信息（space / spaces）。因此，要保留 space，VSCode 添加 " " 以呈现 space，并避免上述尾随 space 的问题。

Visual Studio 保存时出现代码奇怪格式

Visual Studio Code Strange Formatting on save

reactjs

eslint

visual-studio-code

vscode-settings

prettier