时间戳

首页 > 解决方案 > 保存时出现 Visual Studio Code 奇怪的格式

reactjs - 保存时出现 Visual Studio Code 奇怪的格式

问题描述

当我选择保存在任何文件上时，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>

标签： reactjsvisual-studio-codeeslintvscode-settingsprettier

解决方案

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

推荐阅读