How do I view large typescript types in VSCode?

Question

I have a large type like this one:

type Large = {
    foo: 123,
    bar: 123,
    baz: 123
} | {
    foo: 123,
    bar: 123,
    baz: 123
} | {
    foo: 123,         


        

Answer 1

There is a seemingly unrelated compiler setting called noErrorTruncation. It controls if types are truncated in errors. If you set this compiler option to true it will also prevent type truncation in tooltips.

Note This will prevent truncation of types (the ... part) it will not unfortunately force the expansion of mapped or conditional types.