DirtyMarkup自動編排整理凌亂的程式碼，Tidy up ...

DirtyMarkup 是一個可以排版 HTML、JavaScript 與 CSS 這些網頁程式碼的小工具，不用安裝也不用註冊，臨時要用到時打開網頁就可以立即使用。

Stylelint 是一套用於規範 CSS 和 CSS 預處理器（SCSS、Less 等）程式碼的工具，幫助我們維持程式碼的品質和風格。 Stylelint 進行檢查時，會根據指定的規則來發現潛在的錯誤、不一致的風格和不推薦的模式。

DirtyMarkup 是一個可以 自動編排整理 網頁原始碼的線上工具，支援的語法有「HTML、CSS、JavaScript、API」。 開啟網頁後將凌亂 / 壓縮過的 HTML、CSS、JavaScript、API 任一程式碼，貼到右側方框中，按下 Clean，就能幫助我們將亂七八糟的 Code 重新編排漂亮！

在Visual Studio Code (VS Code)撰寫前端網頁程式時，經常需要對編輯的HTML，CSS及JavaScript程式碼整理排版讓原始碼變得整齊好維護，在VS Code可以安裝 Beautify 這個程式碼排版 (code formatter)擴充套件來幫助我們快速排版。

CSS Format 工具可以幫助你輕鬆整理 CSS 將它格式化，讓它更整齊、易讀。 無論是把凌亂的 CSS 轉換成有條理的結構，還是為了提升維護性進行自動排版，這個工具都能快速完成。

DirtyMarkup自動編排整理網頁的原始碼，開啟網頁後將HTML,CSS,JavaScript程式碼貼到方框中，就能幫助我們將亂七八糟的Code重新分段排版。

總是對前端排版感到相當棘手嗎，那要不要來試試看這個免費的線上功能。 提供了不少可以自訂義的選項供操作 (支援HTML、CSS、JS)