VS Code 更改了我 HTML 的默认格式

Question

我真的不明白为什么 VS Code 会改变我的 HTML 的格式，我已经删除了 prettify。知道如何保留我提取的代码的格式吗？因为当我点击保存时格式改变了。

这是我拉取代码时的格式

<div>
                    <ng-container *ngIf="formSnapshot">
                      <feedback-request-form-renderer [answers]="answers"
                        [canEditFeedbackForm]="canEditFeedbackForm"
                        [canEditFeedbackResponse]="canEditFeedbackResponse"
                        [formName]="templateNameDisplay()"
                        [sections]="formSnapshot"
                        (whenEditFeedbackResponse)="editFeedbackResponse($event)"
                        (whenEditNote)="editNote($event)"
                        (whenRemoveNote)="removeNote($event)"
                        (whenRemoveQuestion)="removeQuestion($event)"
                        (whenRephraseQuestion)="rephraseQuestion($event)"
                      >
                      </feedback-request-form-renderer>

                      <div fxLayout="row" fxLayoutGap="24px" *ngIf="hasReceivedResponse">
                        <div fxFlex fxLayout="row">
                          <mat-form-field appearance="outline" class="pr-4" fxFlex>
                            <mat-label>Employee's comments</mat-label>
                            <textarea
                              cdkTextareaAutosize
                              cdkAutosizeMinRows="3"
                              formControlName="comments"
                              matInput
                            >
                            </textarea>
                          </mat-form-field>
                        </div>
                      </div>

但是当我保存的时候，格式变成了

<div>
                  <ng-container *ngIf="formSnapshot">
                    <feedback-request-form-renderer [answers]="answers" [canEditFeedbackForm]="canEditFeedbackForm"
                      [canEditFeedbackResponse]="canEditFeedbackResponse" [formName]="templateNameDisplay()"
                      [sections]="formSnapshot" (whenEditFeedbackResponse)="editFeedbackResponse($event)"
                      (whenEditNote)="editNote($event)" (whenRemoveNote)="removeNote($event)"
                      (whenRemoveQuestion)="removeQuestion($event)" (whenRephraseQuestion)="rephraseQuestion($event)">
                    </feedback-request-form-renderer>

                    <div fxLayout="row" fxLayoutGap="24px" *ngIf="hasReceivedResponse">
                      <div fxFlex fxLayout="row">
                        <mat-form-field appearance="outline" class="pr-4" fxFlex>
                          <mat-label>Employee's comments</mat-label>
                          <textarea cdkTextareaAutosize cdkAutosizeMinRows="3" formControlName="comments" matInput>
                            </textarea>
                        </mat-form-field>
                      </div>
                    </div>
                  </ng-container>
                </div>

VS Code 中的设置在哪里？我想遵循团队的代码格式我不想更改它

Answer 1

我很确定那是您的插件之一，我认为 VSCode 不会单独使用它。

如果您认为您肯定已经卸载了所有插件（应该列在左侧选项之一下）。关闭应用程序并重新启动它。

Answer 2

单击左下角 VS 代码中的设置，然后在搜索栏中输入保存，取消选中 Editor: Format On Save 框，这样就可以了

VS Code 更改了我 HTML 的默认格式

VS Code changes the default format of my HTML

html

javascript

visual-studio-code

prettier