有没有办法排除 html 行被格式化为 vscode？

Question

有没有办法将 html 行排除在 vscode 格式之外？（我使用更漂亮的）例如：我像这样手动格式化：

<input 
            (keyup.enter)="createPost(title)" 
            #title type="text" 
            class="form-control" />

它将自动重新格式化为：

<input (keyup.enter)="createPost(title)" #title type="text" class="form-control" />

我试过 pre 可以正常工作，但这不是很方便。

这是我最近的（不舒服的）解决方案作为例子；

 <style>
    pre {
      white-space: normal;
      padding: 0px;
      margin: 0 0;
      border: 0px;
    }
</style>
<div>
    **<pre>**   
    <input 
        (keyup.enter)="createPost(title)" 
        #title type="text" 
        class="form-control" />
    **</pre>**

    <!-- other HTML to be formatted -->

    <ul class="list-group">
        **<pre>**
            <li  
                class="list-group-item" 
                *ngFor="let item of items">
                <p>{{ item.body }}</p>
            </li>
        **</pre>**
    </ul>
</div>

谢谢，公爵

Answer 1

VS Code 本身不执行任何语言的自动格式化。您需要查看您正在使用的扩展程序，以及它是否提供了在保存时禁用自动格式等功能。

有没有办法排除 html 行被格式化为 vscode？

Is there a way to exclude html lines from being formatted in vscode?

code-formatting

visual-studio-code