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

时间:2019-04-07 18:50:36

标签: reactjs visual-studio-code eslint vscode-settings prettier

当我选择使用此{" "}将VS格式化文本的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>

1 个答案:

答案 0 :(得分:0)

这很可能发生,因为您不希望在代码行的末尾使用空格。因此,VSCode将删除它们。但是,如果删除它们,则将在呈现的JSX / HTML中丢失信息(一个空格)。因此,为了保留空间,VSCode添加了" "来呈现空间,并避免了上述尾随空格的问题。