Chrome Devtools 的 Overrides 功能

前端開發常常會碰到資料不足的問題,有可能是後端還沒開發好,或是測試資料沒辦法涵蓋所有的業務邏輯,甚至上到生產環境後,也可能需要配合使用者的操作情境與權限去復現各種狀況。
在本地開發時,我們可以使用 MSW 這類的工具自己客製 API 的回覆,但是只要上到遠端環境上,這類工具的靈活性就會大大降低。
以前的我在這種資料不適配的情況下,通常就只能退回本地環境後回去修改 MSW 的資料內容了。
這整個繁複的除錯流程,對於我來說已經變成一種日常,接近肌肉記憶的程度,雖然痛苦,但下意識認為沒有更好的辦法,直到我有天閒來無事去玩了一下最熟悉的陌生人 Chrome DevTools ,就在每天使用的 Networks Tab 中找到了 Overrides 功能。

Read More

使用 dircolors 設定 LS_COLORS

LS_COLORS 可以設定 ls 執行結果的各種檔案類型的顏色與樣式,但是對於各式不同的檔案類型,要在一個環境變數上以一個字串下去設定是十分難以維護的,因此 GNU 的 Coreutils 提供了 dircolors 指令來幫忙管理與設定 LS_COLORS 。

Read More

設定 ls 指令輸出的顏色

我們知道使用 ls 指令可以列出目錄下的各式檔案及目錄,但是所有類型的檔案都會以相同的顏色輸出,難以在第一時間就了解檔案的種類,我們還得加上 -l 參數列出詳細的資訊才能知道,這時如果可以依照顏色輸出不同類型的檔案的話,會使檔案列表更加地一目瞭然。

Read More