TypeScriptの型を展開してホバー表示してくれるVSCode拡張「Prettify TypeScript」が便利

TypeScriptは強力な型システムが魅力です。 しかし、複雑な型定義は理解が難しいです。特にライブラリの型定義などはジェネリクスや交差型などがネストしていることも多く、すぐに把握するのが難しい場合があります。 Visual Studio Code（以下VSCode）でTypeScriptの開発をしている際、型にカーソルをホバーすると型情報が表示されます。 しかし、深いネストや複雑な型の場合、展開される情報が不十分で、定義を追う必要があります。 そんな時に役立つVSCodeの拡張機能がないかな〜と探していたら「Prettify TypeScript」というぴったりの拡張機能を発見しました！この拡張機能を使うと、ホバーした時に型が展開された状態で表示されるため、型情報を把握しやすくなります。 Prettify TypeScriptの概要 Prettify TypeScriptを使用すること

[shingo-sasaki-0529]

この手の拡張機能って、ホバー時の型情報ってその場によってどれぐらいの粒度で見たいかがかなり変わってくるから難しいと思うんだけど、これはオリジナルの型情報が末尾にちゃんと残ってるのが良い

[riawiththesam]

展開されるとグロい形がたくさんあるからいい感じだといいな〜

[rgfx]

Pretty TypeScript Errorsもいいぞ

[koo-sokzeshky]

いいね

[yarumato]

“交差型（intersection型、&で結合された複数の型を1つにまとめた）も展開して表示します。ユニオン型（ |で結合された）も展開。ジェネリクスを使用した複雑な型も展開。標準VSCodeではtypeは一部展開、interface型は無展開”

[work996]

これは便利

[hennamanao]

えっめちゃくちゃ欲しかったやつだ

[dorapon2000]

ずっと欲しかった

[surume000]

入れてみた

[Helfard]

へー便利そう！

[todays_mitsui]

よさそう。使ってみよう。

[kvx]

いれよう