防止在 VS 代碼中包裝內聯 CSS 行

Question

我一直在使用順風，我開始對 VS Code 將 class 名稱包裝為每行一個而感到惱火。 這就是我的意思

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

它確實更具可讀性，但即使是簡短的片段也會變得非常長，無法滾動。 我嘗試了 VScode 中的每一個設置，（設置> Html > 格式）無濟於事。 如果我剪切“項目”以項目中心結尾的內容，則該特定 div 不會換行。 如果可能的話，我真的很想增加限制。

Answer 1

您需要將它們重新組合在一起，然后使用名為： beautify for your code 的VS code extinsion 。

Answer 2

嘗試一些擴展，如 Beautify 和 Prettier。

我個人使用 Prettier。