js-beautify:JavaScript Code 格式化與美化 的 Linux CLI 程式

JavaScript 被壓縮整理後,想要解開並美化,可以使用 js-beautify 來達成

閱讀全文〈js-beautify:JavaScript Code 格式化與美化 的 Linux CLI 程式〉

使用 Vim 將 HTML 做 Tidy 格式化

Vim 平常在寫 HTML 是沒什麼問題,用標準的排版方式就已經很好用了~

這次遇到的問題是,將某頁面的 HTML 抓下來,但是那頁面的 HTML 格式全部縮成一排,甚至還有 HTML 標籤(Tag) 是有開頭沒結尾等等的情況,要怎麼做 Beautify / Formatter 呢?

閱讀全文〈使用 Vim 將 HTML 做 Tidy 格式化〉

使用 js-beautify 將 JavaScript 自動排版、縮排

現在很多 JavaScript 都會經過最小化、壓縮,要還原回來就需要 formatter 或 beautify 的幫忙。

在對 js 經過 minify 的小檔案,可以用 Vim 的外掛直接做排版,如:Vim 的 JavaScript 縮排格式最佳化 外掛

不過如果檔案太大、行數太多,建議就要另外找其他工具了~

閱讀全文〈使用 js-beautify 將 JavaScript 自動排版、縮排〉

yapf:Python、Python 3 程式碼 Formatter 工具

Google Github 的專案可以看到 Python、Python 3 的程式碼 Formatter 工具 yapf。

yapf 已經出蠻久了,Debian / Ubuntu Linux 都有 Package 可以使用。

  • Python 2:apt install yapf
  • Python 3:apt install yapf3

閱讀全文〈yapf:Python、Python 3 程式碼 Formatter 工具〉

Python 依照 PEP 8 規格自動排版工具

Python 因為縮排方式可能會造成程式爛掉的問題,所以想要找貼上 Code 後自動 formatter 的工具,一直都找不到 (所以這條路還是放棄,貼 Code 還是用 :set paste 解決)。

不過於多人合作開發,統一格式還是比較方便,官方有定義 PEP8 的 Style Guide,而且有工具可以自動排版,此篇來整理如何使用 + 搭配 Vim 快速鍵可以怎麼做。

閱讀全文〈Python 依照 PEP 8 規格自動排版工具〉

HTML 自動排版工具 - HTML Tidy (Formatter)

HTML 看到縮成一排, 要拉出來檢查比對, 看看是否有漏掉某些 HTML Tag 得結尾, 有沒有工具可以自動將 HTML 格式化, 做好縮排呢?

HTML Tidy 就可以做這樣子的事, HTML Tidy 可以將 HTML Tag 做巢狀式的 Indent(縮排), 看起來就會清爽許多.

註: HTML Tidy 也可以縮排 XML, XHTML, ASP, PHP ... 等種類的頁面.

閱讀全文〈HTML 自動排版工具 - HTML Tidy (Formatter)〉