如何美化HTML代码而不让相同的指令断行?

如何美化HTML代码而不让相同的指令断行?,html,visual-studio-code,prettier,Html,Visual Studio Code,Prettier,我用Prettier来美化VS代码中的代码,但在某些情况下,它对我来说并不好 这就是alt+shift+f的美化效果 <div class="container"> <div class="row"> <div class="col col-md-6"> <button @cli

我用Prettier来美化VS代码中的代码,但在某些情况下,它对我来说并不好

这就是alt+shift+f的美化效果

 <div class="container">
                <div class="row">
                    <div class="col col-md-6">
                        <button
                            @click="hideButton"
                            class="btn btn-primary"
                        ></button>
                    </div>
                </div>
            </div>

这就是我想要的:

<div class="container">
    <div class="row">
        <div class="col col-md-6">
            <button @click="hideButton"class="btn btn-primary"></button>
        </div>
    </div>
</div>

我从来都不想看到任何“>