防止在 VS Code 中包装内联 CSS 行

Question

我使用 tailwind 已经有一段时间了，我开始对 VS Code 将 class 名称包装到每行一个感到恼火。这就是我的意思

                        <div
                          class="
                            absolute
                            inset-y-0
                            right-0
                            pr-3
                            flex
                            items-center
                            pointer-events-none
                          "
                        >

它确实更具可读性，但即使是很短的片段滚动起来也会变得非常长。我尝试了 VScode 中的每个设置，（设置 > Html > 格式）都无济于事。如果我剪切项目中心以“项目”结尾的内容，那一个特定的 div 不会换行。如果可能的话，我真的很想增加限制。

Answer 1

您需要将它们放回原处，然后使用 VS code extinsion 调用：beautify 作为您的代码。

Answer 2

尝试一些扩展程序，例如 Beautify 和 Prettier。

我个人使用 Prettier。