Nest.jsにおいて、import順をPrettierで常に同じルールで並ぶようにする

Nest.jsにおいて、import順をPrettierで常に同じルールで並ぶようにする

背景 Nest.jsにて、とあるファイルを見て何がimportされているのかを一目見て把握できるようにしたいで...概要を表示 背景 Nest.jsにて、とあるファイルを見て何がimportされているのかを一目見て把握できるようにしたいです。 基本的にNest.jsというフレームワークにおいては、先頭にnestjs/*の何かが来てくれる方がわかりやすいです。 これを実現するために、Nest.jsにデフォルトで導入されているPrettierの設定をいじってimport文を保存時に自動で並び替えます。 なお、この記事ではNest.js前提になっていますが、ReactやVueでも同じように使うことができます。 プラグインの導入 prettier-plugin-sort-importsというPrettierのプラグインを使って先の設定をします。