Finderでファイル選択時にスペースキーを押すと、画像やテキストのプレビューが見られます（Quick Lookと言います）が これを便利にするプラグインを紹介します。

● プログラムのソースコード QLColorCode

brew install qlcolorcode --cask 

● TypeScript の ソースコード

qlcolorcode に設定を加えます。
macOS Mojave で Typescript ファイルの中身を Quick Look で見れるようにする | 滋賀／京都／大阪でホームページ制作ならYUKiYURi WEB

● WebP

( Quick Look Plugin for WebP Files )
https://github.com/emin/WebPQuickLook
Webp画像を表示します
インストールコマンド

brew install WebPQuickLook

● JSON

( quick look JSON )
http://www.sagtau.com/quicklookjson.html#download
JSON ( .json )ファイルをプレビューすることができます。

手動インストール方法

QuickLookJSON.qlgenerator を  ~/Library/QuickLook/ にコピーする。（フォルダはなければ自分で作成する）

● 画像サイズ

( qlImageSize )
https://github.com/Nyx0uf/qlImageSize
画像の【縦横サイズ】【ファイルサイズ】を表示します。

インストールコマンド

brew install qlimagesize --cask 

● マークダウン

( qlmarkdown )
https://github.com/toland/qlmarkdown/releases
マークダウン（ .md ）ファイルをプレビューすることができます。 インストール方法：ファイル「QLMarkdown.qlgenerator」 を「ホーム/ライブラリ/QuickLook/ 」に入れます。 ライブラリフォルダは隠されているので、【option】ボタンを押しながらFinderの【移動】を選択すると表示されます。 「QuickLook」フォルダはなければ作ります。

インストールコマンド

brew install qlmarkdown --cask

● QLStephen

https://github.com/whomwah/qlstephen
Finderが理解しない全てのテキストファイルをクイックルックでプレビューできるようになります。

インストールコマンド

brew install qlstephen --cask

● glance-quick-look-code-files

https://apps.apple.com/jp/app/glance-quick-look-code-files/id1564688210?mt=12

その他: https://github.com/sindresorhus/quick-look-plugins