HTML/CSS/JavaScript代碼美化？

我想知道，我應該使用這些 - 還是他們太麻煩或有缺點，使他們不適宜？我發現不可能找到一套不錯的工具，這些工具不僅被黑客入侵，而且現在還沒有被維護，並且有怪癖使得它們變得毫無用處。HTML/CSS/JavaScript代碼美化？

我只是想從堆棧溢出看，如果這是我應該擔心的事情？我有點關於代碼格式的OCD。

2011-07-28 Shane

要小心HTML代碼壓縮器/優化器 - 如果刪除了空白，它可能會在以後再次出現。 – Nightfirecat

IDE是一個好方法，因爲它突出顯示了匹配的元素和自動縮進。我個人推薦Aptana。 – Edwin

當我需要這樣做時，我只需打開jsfiddle.net，粘貼我的代碼，然後單擊tidyup，然後複製回來。儘管通常我會盡可能地組織儘可能保持我的代碼清潔，以免發生此問題並最大化可讀性。我是一個非常棒的約定 –

這取決於你想要的代碼做什麼。如果你想專注於你的生產環境的性能，你可能不需要擔心它看起來不錯。您實際上希望它儘可能緊湊，以減少應用程序使用的帶寬量以及用戶需要下載的數據量。因此，像YUI Compressor這樣的工具的存在將刪除所有的空白區域，換行符，甚至重命名變量以使代碼更小（並且在處理過程中將其混淆）。看看O'Reilly提供的High Performance Web Sites的'Rule＃10：Minify Javascript'。

但是，對於您的開發環境，這不適用。我非常喜歡乾淨，縮進的代碼，因爲這會使它更容易調試和理解。通常這是你習慣於從你的IDE和一些紀律（保持行長在80個字符以下，在其中添加換行符，其中有用的，縮進符號等等）的一點點習慣做的。

來源

2011-07-28 20:12:06

我想補充一點，即使您希望代碼儘可能小，這只是網絡性能的一個因素，但實際的JS性能不受影響。此外，在本地漂亮地打印代碼不會影響YUICompressor，JSMin或其他縮小機制 - 而且這些工具應該用於確保您的代碼儘可能小。 – pdpi